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.336382.com-滴滴彩票多少提现| www.35376.com-福彩3d作假-| www.720570.com-2元彩票app大全| www.832751.com-财富赢家七彩图| www.931183.com-uu直播彩票怎么玩| www.987872.com-正规售彩网站| www.rf3.com-广西快三预测与推荐| www.s07.cc-广西快三外围网站| www.098626.com-福彩在线手机版| www.33597.cc-三合网彩票开奖结果| www.878624.com-体彩组三玩法| www.589264.com-陕西省省体彩中心| www.678834.com-中福彩票在线谁在玩| www.964513.com-网络买福利彩票平台| www.cai9456.com七星彩今日开奖号码| www.18392.com-深圳福彩官网登录| www.024418.com-彩神通软件下载| www.158095.com-胜负彩19046| www.272832.com-金部彩票-| www.622309.com-福彩3d今天的彩图| www.wp99.com-怎样看体彩走势图| www.338708.com-武汉市福利彩票站| www.446318.com-新推出的体彩官网| www.547066.com-买易彩快三的技巧| www.700396.com-现在体彩在哪买| www.808129.com-网络黑彩举报网站| www.901528.com-贵州快三怎么玩| www.986559.com-皇冠足彩网-| www.ek39.com-好彩网牛彩-| www.r60.top-福彩3d字迷图| www.75go.com-足彩怎么领奖| www.171390.com-贵州快三走势图表| www.09up.com-网易七星彩自选| www.7273.wang-分分彩做号-| www.23391.cc-七乐彩大小走势图| www.121694.com-中国彩票中心案| www.7864.vip-胜负彩论坛-| www.96500.com-竞彩彩票是正规的吗| www.878189.com-分分彩挂机方案| www.960791.com-彩票平台注册送| www.cp201.com-正规的彩票网站| www.872206.com-毕节彩票领奖地址| www.940898.com-葡京极速彩票平台| www.cp6756.com-福彩快三官网下戴| www.410466.com-彩票代打套利| www.606075.com-彩票可以下几个号码| www.762790.com-体彩软件有哪些| www.867746.com-七星彩几点开| www.982556.com-亨彩彩票网-| www.hz72.com-安徽体彩七位数| www.13sh.com-山东体彩官方| www.641.tv-超级大乐透彩乐乐| www.7249.vip-彩虹糖售卖机| www.312888.com-聚鑫网彩票是真的吗| www.512096.com-冰蓝凤凰彩铅画| www.648417.com-佩戴彩宝的好处| www.cp6536.com-江苏e球彩开奖| www.ts98.com-共赢彩票登录| www.758.la-彩票之家apk| www.26637.com-宝发彩票网址下载| www.983530.com-胜彩-| www.79913.cc-快三黑幕-| www.0103.cn-彩字的网名大全| www.37574.com-娱乐彩大厅-| www.098813.com-湖北快三势图分布图| www.392878.com-吉林快三稳定微信群| www.96793.cc-足彩比分竞彩1| www.385365.com-福彩有规律吗| www.062914.com-淘彩票是真的吗| www.237924.com-彩票狂人陈柏华| www.645286.com-俄罗斯法贝热彩蛋| www.903867.com-湖北快三技巧稳赚| www.584902.com-彩人网-| www.9mj.com-大发彩票进不去| www.70lt.com-博彩手机验证送彩金| www.9730.org-cb彩宝-| www.55165.cc-微彩吧是怎么赚钱| www.066596.com-福体彩开奖直播话题| www.99028.com-体育彩票号码机选| www.080031.com-3d彩票九码规律| www.172345.com-正规的彩票网站| www.253159.com-好彩36开奖查询| www.066689.com-u9彩票-| www.36569.com-香港澳门彩票网| www.114937.com-97彩票官方-| www.395616.com-彩虹合唱团彩虹歌词| www.591382.com-彩票精准预测软件| www.764274.com-红旗彩票怎么投注| www.m15.vip-中彩网东方6+1| www.08884.cc-竞彩网计算器比赛| www.155335.com-彩票靠谱计划| www.338010.com-今晚福彩开什么号| www.580982.com-体彩电话-| www.r65.com-彩票代理判刑| www.0095.loan-福建体彩现场直播室| www.00669.cc-过年体彩营业时间| www.666308.com-乐视彩票网站| www.864196.com-彩票日结负盈利分红| www.996351.com-足彩北单玩法| www.80tv.com-外围和国彩的区别| www.7964.com-3d彩票软件哪个好| 幸运彩票www.983699.com| www.13mw.com-鸿胜彩票app| www.3121.cm-世界杯彩票去哪买的| www.444045.com-三维心脏彩超正常值| www.947592.com-购彩彩票论坛| www.yx83.com-如意彩票是骗局揭秘| www.174959.com-快三72期开奖结果| www.aa12.com-福建彩票论坛首页| www.737966.com-香港意大利彩金价值| www.939629.cc-福彩门户网址开奖| www.rc99.com-天天快三计划软件| www.5938.com-体彩排三走势图综| www.77057.com-新彩民中奖-| www.4563.biz-去卖彩票上班怎么样| www.di15.com-彩票开奖结果杳询| www.38719.com-奔腾彩票app下载| www.3493.cm-新注册彩票送50| www.39857.cc-苹果手机怎么下彩八| www.279571.com-腾讯十分彩走势图| www.762153.com-哪个app能买足彩| www.503156.com-2019黑平台彩票| www.01bl.com-彩票对打套利骗局| www.86th.com-中国禁止网上彩票| www.10033.com-51彩-| www.012271.com-海南七星彩开奖记录| www.105761.com-香港皇家彩宝典网址| www.50rd.com-足彩总进球开奖结果| www.3719.cc-福彩大盘-| www.9963.top-客哥说彩-| www.3311.net-彩票动态图片| www.869932.com-可以查询彩票| www.948573.com-在手机可以买彩票吗| www.uk83.com-通辽体彩中心电话| www.32vt.com-春节彩票停几天| www.2359.me-七彩云南翡翠北京| www.7216.org-喷纸彩虹机-| www.35639.cc-凤凰彩票平台代理| www.86551.cc-红旗团队时时彩计划| www.45sk.com-体育彩票qq交流群| www.576495.com-爱乐彩票安卓| www.684055.com-体育彩票竞彩计算机| www.757086.com-万彩吧c8cn| www.878642.com-有江西快三的平台| www.959258.com-怎么找彩票微信群| www.cp631.com-彩神vl-| www.k77.org-彩票追号计划公式| www.b24.xyz-竟足彩票开奖结果| www.76zj.com-福利彩票如何分析| www.10375.com-今日足彩唯彩推荐| www.71930.com-旺旺彩票是真的吗| www.51261.cc-福彩三地走势图表| www.9471.com-蓝宇彩钢围挡定做| www.202659.com-贵州省体彩-| www.355912.com-港好彩蓝莓双爆珠| www.255552.cc-北京快三苹果版| www.363253.com-羽泉彩虹伴奏下载| www.450452.com-288彩票可靠吗| www.530718.com-福彩法则-| www.602588.com-求信誉好的彩票平台| www.976245.com-彩红世界app下载| 天天彩票www.106576.com| www.87.org-e赢e赢彩-| www.0508.top-竞彩网站-|