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天

知道了
彩01彩票 www.852313.com-怎么看彩票11选5| www.316375.com-22彩票app下载| www.299672.com-彩中彩网址-| www.020596.com-体育彩票查-| www.176188.com-内蒙福彩快三| www.012044.com-体彩排列三六码遗漏| www.121574.com-百合网男生让玩彩票| www.399942.com-星期三彩票开奖查询| www.626077.com-福彩小小鱼字谜| www.743667.com-随便买彩票能中吗| www.854000.com-时时彩如何开盘做庄| www.653088.cc-吹吹七星彩票圈| www.589811.com-三地字谜双彩网| www.591234.com-红977彩票-| www.678162.com-多彩烟蓝莓味多少钱| www.783594.com-江西体彩老11选5| www.872290.com-贵阳体彩十一选五| www.958857.com-网上彩票开售| 手机购彩www.632599.com| www.kx21.com-大发快三投注软件| www.7140.wang-网上重庆市彩真劣| www.516870.com-色彩简介-| www.953269.com-91彩神网址-| www.xn44.com-甘肃快三图-| www.713208.com-百事彩票直接投注| www.1877.in-今日彩客户端| www.50208.com-幸运彩票注册送彩金| www.458459.com-500万分分彩彩票| www.564099.com-彩票怎么倍投稳赚| www.644392.com-体彩最年轻中奖者| www.726700.com-彩票端app网歉| www.668485.com-国外彩票诈骗| www.983428.com-一分时时彩在线计划| www.267998.com-彩乐乐遗漏统计| www.su50.com-彩票的规则是什么| www.618757.com-知名足彩分析师招聘| www.744465.com-什么是7星彩| www.828914.com-彩票站打错错失大奖| www.911197.com-体彩排列5预测号码| www.984453.com-下载彩运网-| www.qt5.cc-湖北快三和尾走势| www.52fx.com-彩吧助手手机版| www.662716.com-如意彩票免费计划| www.221612.com-网络彩票有赢钱的吗| www.106782.com-地方彩票走势图| www.517393.com-全天快三计划数据| www.19812.cc-香港彩票开奖| www.448051.com-足彩第19026期| www.7227.org-彩虹6号围攻行动| www.004409.com-青海快三玩法说明| www.952460.com-即时彩诈骗-| www.551530.com-福彩开奖星期几| www.633473.com-快三软件刷分器| www.751220.com-祥云纳彩荣耀播报| www.819068.com-福彩3d是真的吗| www.882589.com-500能买彩票了吗| www.954915.com-凤凰快三开技巧| 彩之家www.00czj.com| www.332314.com-彩票走势图106| www.396365.com-竞彩单关返奖率| www.250884.com-福彩快三和法吗| www.622418.com-体彩排列五众彩网| www.967873.com-体彩61怎么玩的| www.id53.com-彩神vi-| www.4761.vip-彩票中奖询查| www.716783.com-彩铅一片樱花树画法| www.805208.com-七乐彩每注多少钱| www.875697.com-买彩票搞笑语句| www.949884.com-炫乐彩票六年实力| www.995763.com-竞彩单场比分| www.jk64.com-分分彩骗局-| www.092225.com-福彩全部图标| www.813099.com-华彩生活app| www.910992.com-彩运快三怎么赚钱| www.990414.com-时彩族人工计划| www.js31.cc-王者彩票能赚钱吗| www.8sj.cc-福彩欢乐生肖开奖| www.998832.com-美国纽约快三开奖| www.954738.com-福彩奖号码今天| www.iy70.com-福彩獎-| www.01zd.com-御彩轩手机客户端| www.911620.com-全民彩票官方网站| www.591003.com-被彩票害惨-| www.869020.com-彩票3d跨度走势图| 大赢家彩票平台www.708286.com| www.947161.com-三分赛车彩票开奖网| www.58264.com-彩票助手小程序| www.7598.cm-甘肃快三彩票网上买| www.023612.com-a23彩票app-| www.561027.com-爱投彩票安卓版下载| www.03mh.com-美东2分彩是哪里的| www.et83.com-彩票稳赢秘诀| www.88610.com-九彩彩票登陆| www.209234.com-彩票开奖湖北快三| www.6273.com-福彩3d天机壁码| www.77162.cc-中国竞彩足球9场| 大赢家彩票平台www.210639.com| www.18kv.com-彩彩大咖是什么意思| www.8956.vip-时时彩屠龙计划软件| www.ai93.cc-我想查一下福利彩票| www.110095.com-青蛙彩票六会彩| www.093787.com-福彩3d30期基本| www.110137.com-中国福彩3d网站| www.778509.com-彩乐汇下载安装| www.992488.com-两亿彩票网正规吗| www.ua69.com-彩票推广术语大全| www.6188.live-彩圣字迷总汇今日| www.641547.com-体育彩票图标排版| www.mw01.com-公益彩票是真的吗| www.14zx.com-开奖结果查询彩宝贝| www.85yn.com-3d预测老徐说彩| www.907234.com-中国福彩快乐十分钟| www.981379.com-快三彩票qq群| www.cp3568.com-最准的大发快三计划| www.ln90.com-苹果手机彩膜| www.067666.com-彩票出假票软件| www.201869.com-152彩票网-| www.800279.com-彩票256下载安装| www.do31.com-斯特凡彩票万能公式| www.61728.com-领航彩票计划手机版| www.713823.com-彩票大小单双的软件| www.789102.com-广西快三有没有假| www.901393.com-甘肃115爱彩乐| www.965512.com-快三平台福彩| 福彩www.86267o.com| www.nh58.com-彩客网完场比分| www.22dw.cc-php彩票源码下载| www.917871.com-国家体彩-| www.08rl.com-美人图彩铅画| www.080327.com-体彩开奖号码结果| www.233715.com-佩奇彩票-| www.367722.com-太原彩票4元中两亿| www.636459.com-彩虹六号围攻冷知识| www.587868.com-休彩排三走势图2元| www.029705.com-体彩中心有举报电话| www.970294.com-今天七彩开什么奖| www.84qp.com-福州市彩票店| www.659807.com-腾讯分分彩开奖| www.928663.com-中国彩票作假视频| QQ彩票www.89894n.com| www.684599.com-最棒的彩票网站大全| www.839306.com-5o0万彩票网官网| www.ix07.com-今日竞彩足球| www.45er.com-体彩六加一开奖结果| www.57389.com-彩神通软件手机版| www.664320.com-福彩30选七开奖号| www.kh99.com-中国竞彩网计算器网| www.886457.com-中国体育彩票e球彩| 500彩票www.233591.com| www.zl45.com-彩票聚合资讯| www.521.tm-分分彩输了-| www.95742.com-福彩知识题库| www.857677.com-注册彩之源邀请码| www.02525.com-彩票2元网排列5| www.591827.com-977彩票官网计划| www.422719.com-彩民乐三d图库| www.535552.com-彩票号码一般几位数| www.978651.com-福利彩票摇奖机假的| www.1135.vip-竞彩球改期了| www.906695.com-极速福彩3d-| www.335039.com-黑河市福彩兑奖地点| www.388932.com-分分彩有稳赢方式吗| 16彩票www.331616.com| www.286783.com-淘彩票888-|