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.327307.com-新浪体育彩票关注| www.015648.com-众信彩票app| www.553553.cc-比赛中断竞彩怎么算| 爱购彩票www.335240.com| www.913.cm-教手绘彩铅唯美蝴蝶| www.26596.cc-三分快三能赚到钱吗| www.087609.com-五亿彩提现-| www.263107.com-体彩大乐透图表| www.531220.com-客彩网触屏版| www.672356.com-玄机图牛彩网大乐透| www.853075.com-好彩票168-| 天天彩票www.1035t.com| www.6756.vip-中国福彩七乐彩开奖| www.74690.cc-华达竞彩旗舰店| www.069316.com-优乐彩票下载安装| www.540023.com-休闲快三动作分解| www.932938.com-中彩手彩票软件下载| www.62eg.com-福彩三精品杀号推荐| www.06166.cc-彩票开奖查做| www.018126.com-天天赢彩票注册地址| www.wd94.cc-甘肃体彩中心| www.94nm.com-基诺彩票开奖| www.69684.com-买彩票时间规定| www.934529.com-动物总动员彩票害人| www.953996.cc-牛彩网字谜总汇| www.44qr.com-竞彩反卖法-| www.1014.me-福彩旗下快开彩| www.657878.com-25彩票下载-| www.333864.com-美国彩票规则介绍| www.566659.com-恒发彩票平台| www.762208.com-竞彩足球有哪些软件| 500彩票www.645977.com| www.5kc.com-竞彩要不要交税| www.15or.com-类似彩票竞猜| www.872155.com-黔西南福彩中心| www.ws90.com-幸运快三数据分析| www.3077.xyz-微彩吧公司在哪里| www.38215.com-彩天下合法吗| www.89238.cc-易旺彩票地址是多少| www.528192.com-双色球福彩神牛杀号| www.mh64.com-好彩合法吗-| www.302468.com-彩票十分快三玩法| www.bm79.com-福彩30万都是托| www.728899.com-京东买彩票-| 500彩票www.50024g.com| www.586477.com-云南爱彩乐-| www.582100.com-爱波网竞彩足球推荐| www.ks45.com-乐米彩票-| www.72oe.com-蓝精灵彩报今天图b| www.31522.cc-彩票走势网页首页| www.208362.com-广西快三官方网址| www.792976.com-绵阳福利彩票官网| www.964369.com-五百万彩票下载安装| www.lq25.com-中彩网网站-| www.76oi.com-福彩神牛杀蓝| www.5718.biz-体彩19055期| www.by03.com-苏州快三开奖| www.7ct.com-宁波年会彩票| www.99qo.com-彩票是按什么规律| www.090653.com-福彩3d奇偶走势图| www.596316.com-白银区福彩中心| www.721915.com-新快三合法吗| www.825749.com-山西大清快三走势图| www.911816.com-中乐彩网址-| www.973214.com-彩虹app自助下载| www.cp5519.com-北京快三平台官网| www.913195.com-电子版彩票指南报纸| www.994100.com-福彩3地开奖| www.069837.com-彩票走势图表格下载| www.253608.com-极速时时彩怎么玩法| www.454133.com-多乐彩票网-| www.630361.com-彩妆档次-| www.830830.com-牛彩网下载官方网站| www.200827.com-七星彩头尾-| www.312683.com-时时彩网下载手机版| www.437800.com-福彩好做不-| www.546976.com-怎么刷彩票流水| www.660450.com-体彩4+1-| www.39357.cc-金牛彩票app下载| www.095156.com-外围足彩滚球怎么玩| www.n49.net-中国体彩开奖现场| www.8980.loan-如意彩票手机app| www.230417.com-彩八骗局揭秘| www.326795.com-快彩网网址-| www.542018.com-体彩图谜汇总| www.77424.com-网络销彩-| www.2012.org-968彩票代玩| www.985508.com-安微省福彩快三| www.737659.com-微信快三群-| www.280886.com-足球彩票规则介绍| www.368817.com-57彩票注册-| www.466074.com-彩名堂稳吗-| www.556962.com-快乐彩被骗-| www.23vw.com-手机彩膜打印机| www.281155.com-时时彩全包号赚不赚| www.355350.com-苏州彩票销售员招聘| www.430088.com-水彩笔-| www.524646.com-大乐透幸运彩乐乐| www.831931.com-彩票店私人接单| www.928047.com-87彩店店主手机版| www.990333.cc-连连中彩票官网| www.qc2.com-福彩快三开奖规律| www.rx22.com-大奖彩票网客服| www.7769.cc-的的彩迅下载| www.211336.com-浙江快三查询结果| www.315900.com-上海福彩领大奖地方| www.886391.com-好运来彩票是骗局吗| www.0851.space-福彩查询结果| www.222603.com-上海快三全天计划| www.6352.biz-彩快三官方网手机网| www.48786.com-天津十一选五爱乐彩| www.362363.com-以彩虹为题写一首诗| www.521589.com-分分庄家彩作弊| www.652786.com-彩贝壳app打不开| www.832920.com-机选买彩票能中奖吗| www.936644.com-体彩无人彩票机无锡| www.wg21.com-贵州快三二同号推荐| www.21ae.com-海南体彩官方网站| www.27714.com-绘画图片大全彩铅| www.80327.com-吉林快三500| www.fz47.com-谁有时时彩群| www.878905.com-大发彩票江西快三| www.798.name-买彩票赢大奖| www.2361.shop-七彩云南第壹城商家| www.o76.com-打击海外服务器黑彩| www.848626.com-2m彩票8080c| www.960049.com-牛彩摘彩收录论坛| www.951811.com-射龙门彩票计算法| 网易彩票www.36788i.com| www.fc07.com-5分钟开一次彩票| www.s91.cc-快乐双彩开奖分析图| www.3001.vip-福利彩票齐鲁风彩| www.11442.com-江苏体彩e球走势图| www.028810.com-cbo28彩宝彩票| www.122680.com-义乌彩票店转让信息| www.372796.com-7彩手机版app| www.1344.net-福彩七乐彩| www.cf27.com-快三平台搭建| www.92003.com-快频彩是正规的吗| www.23iy.com-ok彩票真能赚钱吗| www.97op.com-天才彩王大乐透专栏| www.724887.com-福彩2018106| www.803737.com-福彩字谜总汇大全| www.874055.com-体彩假还是福彩假| www.949038.com-中彩股份快三走势图| 大赢家彩票平台www.377591.com| www.xl56.com-中国福彩报-| www.220544.com-k彩娱乐线路测试| www.9500.loan-怎么样破解彩票| www.1772.cc-福彩3布衣图库| www.448822.com-山西福彩投注站电话| www.576816.com-好彩0567app| www.25478.com-彩铅简单的风景画| www.93891.com-体彩排列五历史遗漏| www.067964.com-哪个彩票平台信誉好| www.132852.com-足彩3串1玩法介绍| www.199001.com-河北快3彩票| www.2348.me-福彩3d二码分沁图| www.9256.vip-乐视彩票-| www.220844.com-大奖彩票app下载| www.852256.com-五分彩定位胆走势图| www.941748.com-中国福彩网代理| www.qf64.com-体育彩票二维码| www.211109.com-安徽快3彩票倍投|