QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 图片代码 > jquery仿百度AI官网banner图片代码

原创商用 jquery仿百度AI官网banner图片代码

jQuery SuperSlide制作百度AI官网宽屏的焦点图片切换,带文字标题和左右按钮控制banner大图切换效果代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script type="text/javascript" src="statics/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="statics/js/jquery.SuperSlide.2.1.3.js"></script>

3、body引入HTML代码

<div id="slideBox" class="slideBox">
	<div class="hd">
		<ul>
			<li>
				<span>EdgeBoard火热开售</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
			<li>
				<span>人脸考勤解决方案</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
			<li>
				<span>车辆分析 全新上线</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
			<li>
				<span>OCR 3款新品火热邀测</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
			<li>
				<span>人脸离线识别SDK 2.0</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
			<li>
				<span>地标识别技术上线</span>
				<div class="dot">
					<div class="liner"></div>
				</div>
			</li>
		</ul>
	</div>
	<div class="bd">
		<ul>
			<li style="background-color: rgb(183, 159, 255);">
				<a href="#" target="_blank"><img src="statics/images/1.jpg" /></a>
			</li>
			<li style="background-color: rgb(56, 29, 140);">
				<a href="#" target="_blank"><img src="statics/images/2.png" /></a>
			</li>
			<li style="background-color: rgb(56, 42, 186);">
				<a href="#" target="_blank"><img src="statics/images/3.png" /></a>
			</li>
			<li style="background-color: rgb(179, 166, 251);">
				<a href="#" target="_blank"><img src="statics/images/4.jpg" /></a>
			</li>
			<li style="background-color: rgb(91, 66, 207);">
				<a href="#" target="_blank"><img src="statics/images/5.jpg" /></a>
			</li>
			<li style="background-color: rgb(37, 70, 187);">
				<a href="#" target="_blank"><img src="statics/images/6.jpg" /></a>
			</li>
		</ul>
	</div>

	<!-- 下面是前/后按钮代码,如果不需要删除即可 -->
	<a class="prev" href="javascript:void(0)"></a>
	<a class="next" href="javascript:void(0)"></a>

</div>

<script type="text/javascript">
	jQuery(".slideBox").slide({
		mainCell: ".bd ul",
		effect: "fold",
		trigger: "click",
		autoPlay: true,
		mouseOverStop: false,
		startFun:function(i,c){
			$('.bd ul li').removeClass('active').eq(i).addClass('active');
		}
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
顺丰彩票 www.332391.com-22彩票是黑平台吗| www.14395.com-海南七星彩怎么赔| www.543259.com-玩彩老头双色球| www.797713.com-足彩新浪比分直播| www.h94.cn-大发快三砍龙技巧| www.255695.com-快3购彩小贴士| www.42wc.com-彩票九计划员| www.86kh.com-天天彩票邀请码| www.514299.com-赢彩彩票好吗| www.665449.com-直播彩票app| www.638.hk-香港圣地彩-| www.7408.pw-色彩静物临摹| www.059204.com-篮彩比分网-| www.557573.com-彩运来官方最新登录| www.8309.cc-体彩福彩手机客户端| www.47067.com-两分时时彩全天计划| www.zd15.com-发彩登录-| www.42nr.com-彩票开奖双色球视频| www.950.date-彩票中心没有双色球| www.639642.com-支付宝彩票兑换次数| www.742799.com-中彩票app苹果| www.825759.com-山西大清快三真假| www.906886.com-买彩票怎么买法| www.972742.com-7k7k彩票-| www.cp134.com-快三彩票骗局全过程| www.314.org-中发彩票贴吧| www.6829.org-福彩三d选号彩报| 九五彩票www.95111w.com| www.vi06.com-江苏快三前天开奖| www.2962.com-竟彩计算器固定奖金| www.3852.biz-星彩网怎么下载| www.06479.com-双彩论坛手机版首页| www.199972.com-安徽体彩网-| www.309816.com-竞彩平负是什么意思| www.122429.com-乐彩vip输钱| www.35270.com-体彩开奖直播新浪网| www.le86.com-冀彩宝能买双色球| www.92vq.com-幸运之彩骗局| www.b15.org-福彩开奖是星期几| www.277584.com-天空彩-| www.631635.cc-体7星彩开奖结果| www.715636.com-尼彩手机倒闭真相| www.864526.com-50倍彩票-| www.13014.cc-足彩胜负彩直播比分| www.83887.com-河南范县结婚彩礼| www.128174.com-上海快三跨度| www.1999.love-手机腾龙时时彩做号| www.18221.cc-万家彩票注册| www.ou08.com-靠谱的彩票预测软件| www.cn51.com-乐彩网五分快3| www.or48.com-优彩票-| www.8669.org-4d彩票规律-| 13e彩票www.510860.com| www.542333.com-d胜负彩360-| www.625857.com-网络彩票的管理到位| www.600321.com-福彩可以多期投注吗| www.998082.com-葫芦娃论坛香港彩票| www.yd07.com-快三平台黑名单| www.8522.site-彩票的质合是什么| www.93787.com-彩色耐磨地坪施工| www.xq33.com-体彩怎样算是中奖| www.037.me-唐龙福彩3d解析| www.247116.com-买彩票赚钱的方法| www.cp3329.com-福利彩票一分快三| www.67875.cc-彩票反水套利| www.023412.com-七乐彩几点停止销售| www.105616.com-皇都彩票下载安装| www.172234.com-江西快三官网| www.240318.com-正版彩神官方网站| www.307210.com-江苏快三1000期| www.380076.com-买彩票在哪里看中奖| www.486455.com-足彩实单推荐| www.0740.vip-买易彩快三的技巧| www.7009.pw-福彩时时彩和值奖金| www.16688.com-168彩票下载官方| www.392659.com-赛后赛果及派彩| www.561867.com-709彩票下载安装| www.760602.com-时时彩五星二码计划| www.520717.com-中国福利彩票发展史| www.629912.com-今天的足球彩票预测| www.5ct.com-买彩票的最高境界| www.1250.xyz-青岛市福彩中心地址| www.133460.com-梧桐彩票网站| www.334460.com-天天彩选四上海开奖| www.781848.com-58黑彩-| www.549725.com-网上可以买足彩么| www.529272.com-彩虹鲨鱼t恤| www.776970.com-排列三黑彩平台技巧| www.cp9177.com-河北快三遗漏数据| www.3733.biz-手机彩票管家| www.212021.com-8彩客站-| www.8058.biz-许海刚水彩视频| www.23944.com-怎么戒彩票网| www.66608.com-中国彩民更懂彩吧图| www.052762.com-在微信上咋样买彩票| www.426087.com-福彩藏机诗汇总| www.245500.cc-易彩快3怎么看走势| www.527959.com-百乐彩网页平台| www.52676.cc-好彩店官网-| www.093453.com-江苏快三4豹子| www.326232.com-彩宝cb8com-| www.6894.vip-富彩8800gts| www.482052.com-机选大乐透彩票号码| www.762573.com-彩票批发多少钱一张| www.355521.com-刘军玩彩-| www.648110.com-新浪网数字彩票频道| www.875372.com-神州彩票平台靠谱吗| www.yw05.com-红旗彩票官网下载| www.448.tv-福彩3d高概率杀号| www.9297.online乐彩的骗局-| www.ik74.com-湖南体彩网体彩快报| www.675793.com-双色球大奖彩票图片| www.947842.com-竞彩彩票是官方网站| www.sv79.com-七星彩中5-| www.58211.com-精彩音乐汇点歌| www.144908.com-中体信誉彩票平台| www.309342.com-体彩扑克3中奖| www.407855.com-七星彩造假-| www.97138.cc-买福彩3d赚钱绝招| www.609265.com-优彩交流大厅| www.73xd.com-福彩3b天气网| www.7700.biz-体彩中奖多少要交税| www.52471.com-排五彩票开奖查询| www.574968.com-博彩投注平台出租| www.832730.com-七彩图趣味看图测彩| www.0877.ren-公司年终发彩票| www.9660.tv-彩礼十一万八吉利吗| www.417678.com-排三专家杀号家彩网| www.509192.com-中奖彩民教你选号| www.720336.com-打七星彩网址| www.834478.com-好彩蓝莓爆珠产地| www.306635.com-澳發彩票-| www.577683.com-彩票平台搭建出租| www.735129.com-时时彩口诀大全图解| www.ik52.com-中国福彩网下载| www.651.cc-聚富彩网站登录| www.377906.com-万豪福彩大转盘攻略| www.625206.com-体彩即开彩票规则| www.789077.com-足球彩票圈-| www.028549.com-彩票黑平台出黑| www.761561.com-好彩网怎么打| www.909358.com-福彩3d第三版彩图| www.r48.bid-微信登录彩票软件| www.446687.com-彩票销售时间| www.798544.com-贵港体育彩票站地址| www.994497.com-好彩客哪个版本好| www.w33.online-期期有好彩-| www.4994.cc-无忧彩票网-| www.ci90.com-快三第一门户app| www.204789.com-福彩3d开奖号| www.cp2779.com-什么叫快三倍投| www.718512.com-彩虹是什么比喻什么| www.801633.cc-中国福利彩票图片| www.pj39.com-江苏体彩中心| www.k68.shop-湖北快三今日走势图| www.055378.com-江西快三彩票平台| www.408049.com-结婚彩礼钱相关法律| www.528727.com-体彩走是图-| www.390808.com-九万彩票下载安卓版| www.0808.com-腾讯分分彩刷量技巧| www.247023.com-彩票分析师软件| www.314899.com-天下幸运彩图百度| www.371309.com-河内5分彩计划预测| www.zy71.com-七星彩奖表规律图|