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.qp43.com-福彩内部数据骗局| www.054.xyz-198彩代理-| www.8187.cn-六仺彩票开奖| www.59623.cc-加拿大28彩票骗局| www.12180.com-六爻测彩票最准取数| www.026286.com-周易与彩票选号技巧| www.683153.com-所有彩票平台| www.169967.com-今日河北快三预测| www.096206.com-四川体彩中心主任| www.436668.cc-大同体育彩票| www.028441.com-重庆福彩快-| www.510415.com-实体彩店app| www.39213.cc-红财神报彩图网址| www.12mv.com-高棉福彩开奖中心| www.557905.com-彩虹伞图片-| www.829294.com-66网赌彩票-| www.ke16.com-苹果手机彩票下载| www.h12.me-七星彩兑奖时间限定| www.308122.com-七星彩专家预测码| www.378287.com-彩虹e台在线播放| www.476518.com-巨人国际赌彩| www.551332.com-凤彩网3d杀和尾| www.883091.com-彩票托的照片哪里的| www.831536.com-中国足彩官方app| www.304515.com-彩票33app-| www.480540.com-多彩网3d字谜总汇| www.339796.com-唐山彩票站转让| www.555559.cc-k彩线路检测中心| www.679006.com-中港彩票抢红包| www.831505.com-年会彩票中奖| www.951669.com-彩狮计划-| www.cg17.com-一分快三大发下载| www.89yi.com-彩票3分赛车怎么玩| www.7893.top-有收藏价值的彩票| www.66748.cc-最近彩票站-| www.567692.com-彩票搞笑图-| www.673093.com-七星彩查是否中奖| www.772399.com-时时彩骗了多少人| www.857507.com-彩之源彩票群可靠吗| www.933101.com-小鹿网络时时彩| www.984709.com-太玄数用于彩票| www.bn98.com-170彩票网-| www.vk79.com-下载贵州快三| www.578225.com-东北快三网站| www.ua51.com-彩票微信名字| www.86ze.com-国家禁止售卖彩票| www.529889.com-40o500好彩堂| www.616435.com-彩七七苹果下载| www.nf67.com-038彩票上瘾了| www.22957.cc-中彩那天电子课文| www.449.live-重庆时彩开奖视频| www.1383.vip-水彩画入门-| www.9200.biz-七百万彩票网| www.fy6.com-内蒙古福彩快三预测| www.196422.com-hao123彩票网| www.722526.com-3cp上彩票官方| www.798009.com-官方体彩助手app| www.602487.com-瑞典一分彩开奖号码| www.66da.cc-时时彩012路表| www.10bs.com-1235cc彩票-| 吉彩www.318097.com| www.kd22.com-北京福彩三地试机号| www.1fo.com-大发彩票是什么意思| www.160.bid-体育彩票足彩胆| www.25745.com-茂林彩票驿站| www.41yz.com-14场胜负彩比分| www.17473.com-什么是彩票挂机| 500彩票www.66653q.com| www.na90.com-江苏11选5爱彩乐| www.28rd.com-易迅时时彩-| www.811487.com-太子彩票下载安装| www.964385.com-体彩app大全| www.xt7.cc-福利彩票3d开机号| www.99fv.com-全国彩吧图库| www.8378.bid-福彩三地杀码最准| www.69080.com-稳赢彩票计划| www.664387.com-禁止网上售彩| www.751947.com-彩牛瓷砖美缝剂| www.854810.com-彩运快三靠谱吗| www.925025.com-财神8彩票网cs| www.987128.com-大连快三开奖结果| www.ad25.com-甘肃快三开奖遗漏| www.3mt.cc-福利彩票是谁发明的| www.74qy.com-福彩中心主任被抓| www.2411.com-743期期好彩下载| www.7970.vip-理工博彩-| www.446552.com-彩票研究院-| www.572720.com-江西多乐彩前三组选| www.451244.com-下载信彩票-| www.572297.com-743好彩网下载| www.068307.com-福彩快三百度百科| www.993308.com-足球博彩入门知识| www.712691.com-网络竞彩恢复日期| 大赢家彩票网www.54400r.com| www.09794.com-彩83官网-| www.741411.com-竞彩分直播500| www.862835.com-七乐彩开奖在哪个台| www.996302.com-博友彩票登录官网| www.bv54.com-鬼谷子福彩3d预测| www.3056.cm-泰安那个彩票点中奖| www.ae04.com-快三一定牛北京| www.526.red-时时彩龙虎咋玩得| www.124789.com-迷彩兔看看-| www.141252.com-浙江省福利彩票中心| www.368287.com-亿彩票app下载| www.565887.com-中华彩票安卓下载| www.681717.com-香港5分彩骗局| www.776923.com-快三拉花附口令教学| www.336099.com-福彩快三赚钱吗| www.369461.com-看彩啦3d今天图| www.493806.com-今晚的体彩开什么| www.581763.com-天天签到送彩金| www.652170.com-黄金8五分彩微信群| www.378065.com-幸运彩乐园极速飞车| www.9603.org-彩色球一字夹| www.13322.com-非凡彩票诈骗| 500万彩票www.35155z.com| www.9136.com-七乐彩摇奖器选号| www.62170.com-世界杯彩票怎么买法| www.106838.com-七彩彩票下载| www.42zs.com-足彩竞彩资讯分析师| www.800281.com-福彩福彩开奖结果| www.949862.com-大彩网双色球走势图| www.cai313.com-安徽快三开奖号码| www.771980.com-江苏快三分布走势| www.921057.com-神彩网69880| 158彩票www.16055.com| www.528536.com-今晚彩票预测号码| www.625751.com-下载彩民堂-| www.703366.com-彩票模拟摇号| www.793955.com-贵州快三预测开奖| www.883478.com-500彩票是赌博吗| www.965954.com-五分快三投注技巧| www.pi4.com-国民彩票app平台| www.654859.com-时时彩网投群| www.221113.com-国家正规彩票网站| www.sa31.com-彩票害人的真实故事| www.6890.cc-彩票代购平台的优质| www.994507.com-快三兑奖期限多少天| www.as89.com-内苎快三走势图| www.016193.com-福彩杀号牛材网| www.7331.cc-彩虹6怎么玩| www.86918.com-原彩-| www.035947.com-彩神计划软件官网| www.04584.com-足彩推荐微信群| www.366622.com-福福彩彩33dd| www.318917.com-体彩福彩图标下载| www.439819.com-贵阳彩票双机转让| www.221818.com-网络彩票吧-| www.862548.com-昨天福彩多少号码| www.961917.com-猜大小的彩票有哪些| www.fr5.cc-时时彩如何买最稳| www.941785.com-各省体彩店佣金| www.yv86.com-惠民彩票计划群| www.369466.com-如何制作彩票表格| www.107797.com-全民彩票计划群| www.345194.com-澳彩盘口-| www.231044.com-天天彩票app官网| www.544392.com-3彩是什么-| www.851226.com-腾讯时时彩是真的吗| www.947654.com-彩票造假视频| www.992365.com-足彩网易分析预测| www.yc5.com-彩神2靠谱吗| www.20ab.com-创富彩票苹果版|