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.316100.com-上海体彩申请| www.506833.com-三彩家下载-| www.602466.com-吉林快三的玩法| www.682684.cc-网络彩票2019| www.782227.com-凤凰彩票提现手续费| www.873254.com-幸运彩票766| www.948973.com-gc彩票-| www.747588.com-爱彩票app1-| www.911134.com-快三分分彩在线计划| www.979017.com-好彩香烟大全| www.cp7867.com-福彩开奖结果| www.qc05.com-500彩苹果版下载| www.94ln.com-20彩票教学视频| www.44137.cc-特彩吧网-| www.279493.com-时时彩助手3| www.373721.com-体彩排3排5走势图| www.444241.com-苹果版彩38-| www.535399.com-六个号码是什么彩票| www.631838.com-七彩西游完整版| www.739473.com-爱彩票下载安装| www.850198.com-qq分彩全天计划| www.917427.cc-最大的私彩网| www.985124.com-玩彩总是输-| www.es29.com-手机中彩网开奖结果| www.9386.me-河北结婚彩礼多少钱| www.58533.cc-爱彩通有手机版吗| www.024426.com-手机国彩彩票下载| www.95988.cc-福彩品牌建设| www.148883.com-小米官网彩票代购| www.353976.com-福利彩票怎么中大奖| www.444469.com-360福彩官网| www.543289.com-今天福彩3d诗句| www.630695.com-海口体彩乐吧| www.700703.com-下载百福彩软件| www.781979.cc-直击黑彩福彩网站| www.854551.com-缘雪原足彩比分直播| www.930637.com-不交彩票税的国家| www.983311.com-外围足彩app| www.ak3.com-福彩3d开机号| www.00.vip-祥云附近体育彩彩票| www.76eh.com-全球彩票苹果下载| www.2308.cc-彩票员打票怎么弄| www.8303.me-福彩3d轨迹-| www.37633.com-629彩票-| www.84584.com-彩色水泥道路| www.333331.cc-网络彩票输了| www.456258.com-彩客彩票官方下载| www.547365.com-万博体彩靠谱吗| www.614688.com-三彩跟伊布都哪个好| www.683133.com-网购彩票020| www.760843.com-腾讯3分彩计划全天| www.8930.top-三d中彩网-| www.95516.com-中国体育彩票活动| www.065380.com-88彩票网正规吗| www.133128.com-足球彩票店app| www.167428.com-安徽快三助手下载| www.362880.com-雨后的彩虹看图说话| www.732570.com-体彩排三19050| www.851926.com-竞彩官网推单| www.j22.com-青海福彩网开奖结果| www.590306.com-够力七星彩安卓版| www.672126.com-特彩吧旧版正| www.759543.com-湖北快三推荐和值| www.830361.com-查彩票用什么软件| www.919206.com-什么时时彩平台正规| www.981123.com-河北彩花漏打| www.cp7310.com-福彩三地走势图| www.si54.com-彩票代玩给30佣金| www.12tg.com-天天彩票是真的吗| www.92oe.com-体彩有哪几种彩票| www.522030.com-095彩票网-| www.609558.com-分分彩后一计划| www.673900.com-连云港体彩中心在哪| www.744743.com-利用彩票当庄| www.810896.com-067期福彩3d图| www.877726.com-攻击黑彩的黑客| www.944636.com-百万彩票中的骗局| www.989765.com-湖北快三直播画面| www.ci62.com-安徽福彩官网看快3| www.rv83.com-中国彩票官网代理| www.04re.com-快三跨度中奖| www.69ml.cc-乐彩微信群-| www.93dr.com-078彩票公益代打| www.2976.xyz-特区七星彩彩票论坛| www.7336.vip-7号彩虹电池| www.653254.com-如何查彩票中奖| www.874858.com-竞彩推荐微信群| www.qp53.cc-好彩香烟多少钱| www.39169.cc-中彩网怎么赚钱| www.676751.com-快三追和值计算器| www.773934.com-彩票要几个数字| www.835503.com-福彩好彩3开奖| www.891050.com-彩票试玩2000| 鑫彩网www.xcw866.com| www.ex52.com-彩票追号神器| www.712587.com-下载福彩3d走势图| www.al76.com-7星彩近500期| www.080950.com-7星彩最高奖金| www.135997.com-买彩票有没有必中的| www.196838.com-彩票开奖查计询| www.991711.com-彩吧vip可靠吗| www.129069.com-七乐彩奖池余额最新| www.269364.com-掌上七天彩-| www.2rj.cc-金牛国际彩票| www.790802.com-彩票机选号软件| www.968354.com-胜负彩开奖查询| www.170478.com-江西快三一定| www.306384.com-怎么玩彩票才能中奖| www.452224.com-福彩七乐彩机选| www.832929.com-体彩出票生成二维码| 幸运彩票www.73166b.com| www.034476.com-怎么找租用彩票平台| www.509616.com-什么什么重彩成语| www.13ov.com-关注晚晚好彩| www.59961.cc-彩店宝彩票靠谱| www.185230.com-好彩烟有几种| www.325901.com-排列3彩经网走势图| www.590100.com-福彩三地字迷图| www.zw72.com-彩虹冰淇淋机| www.071998.com-综艺股份旗下福彩| www.760543.com-万豪福利彩票苹果版| www.893219.com-彩票大师-| www.989727.com-正规彩票销售平台| www.au11.com-福彩十分钟开奖| www.15iz.com-时时彩开奖时间间隔| www.4700.cn-美的彩票的网址| www.632991.com-加拿大三分彩网站| www.730395.com-福彩3d预侧分析| www.805788.com-领彩票为什么带面具| www.876915.com-七乐彩销售时间| www.948046.com-福彩3d专家短信| E彩堂www.43818b.com| www.912508.com-投注快三赚钱吗| www.iy93.com-体育足球竞彩网| www.087852.com-网上网站赌博彩票| www.277904.com-3分快三是官方的吗| www.506625.com-双色球诗迷彩宝贝| www.695868.com-老彩票注册平台| www.535149.com-彩票王最新版下载| www.627692.com-休彩票排五开奖直播| www.644423.com-九号彩票好不好| www.132209.com-男方悔婚彩礼全退吗| 中国福利彩票www.08588h.com| www.995840.com-好彩牛牛开挂软件| www.59539.cc-黑客攻击高频彩票| www.786686.com-京彩娱乐平台| www.776392.com-湖北快三追号| www.58829.cc-福彩快三寻宝图| www.660721.com-阿里彩票登录网址| www.17000.cc-彩票破损能兑奖| www.67975.com-普通彩大厅下载| www.3460.cm-有大学生中彩票吗| www.877762.com-中国福刺彩票| www.566302.com-和彩放题蓝色港湾店| www.031827.com-釉下彩颜料用什么调| www.831054.com-彩烟弹多少钱| 彩票5www.564648.com| www.097721.com-好运快三怎么玩| www.12xr.com-体育彩票纸的大小| www.1988.name-皇轩彩票官网| www.91079.com-好彩36好彩3包串| www.5ti.com-竞彩彩票收税吗| www.142944.com-亚博彩票真假问题| www.th55.cc-体彩时时彩玩法规则|