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.850978.com-5oo竞彩比分直播| www.66203.com-乐彩vip无法提现| www.113650.com-利彩助手追号计划| www.082331.com-致富彩票是不是真的| www.801033.com-九盛中彩彩票终端机| www.883567.com-奔驰彩票是合法的吗| www.974009.com-辛褔彩票-| www.cp386.cc-幸运快三-| www.331228.com-彩票看走势软件下载| www.155506.com-608cc彩票网| www.al10.com-七星彩开奖走势图表| www.0066.me-彩票都分哪几种类型| www.925326.com-彩票平台招代理| 大赢家彩票www.590801.com| www.519621.com-大乐透彩民乐图片| www.683570.com-台州公开征召福彩| www.813810.com-腾讯彩票游戏在哪玩| www.327433.com-来自旺彩社区| www.809868.com-众乐彩app下载| www.cp5077.com-快三手机助手手机版| www.403868.com-信阳结婚彩礼多少钱| www.125141.com-福彩机选20选5| www.097727.com-微信玩快三是真的吗| www.1647.cc-多彩时时彩缩水软件| www.07536.com-澳彩盘大讲堂| www.405047.com-彩铅儿童大型风景画| www.856181.com-什么是百盈彩票| www.933596.com-福利彩票下期预测| www.994435.com-非法彩票给谁举报| www.cv84.com-3d彩票-| www.tj03.com-上海快三和值跨度| www.07.cm-跑马计划时时彩| www.6797.biz-彩票福彩15选5| www.aw01.com-上海快三爱乐彩| www.004086.com-彩票福彩体彩| www.989334.com-彩店818app-| www.js24.com-王者彩票网登录| www.477714.com-江西体彩玩法| www.292210.com-电话购彩票流程| www.375973.com-宁国彩票中奖| www.349488.com-大发快三刷流水贴吧| www.424270.com-星彩无惨漫画桃花猫| www.539974.com-快三慢动作教学| www.794807.com-秒速时时彩开| www.893020.com-大中华彩票软件下载| www.974516.com-彩票一分快三怎么玩| www.by1.com-567.cc彩票-| www.888106.com-香港彩宝典-| www.966525.com-足彩票比分直播| www.cai80.cc-吉林省快三开奖| www.614115.com-大丰彩票网9.9| www.697635.com-体育彩票放假时间表| www.795374.com-至尊彩网-| www.237824.com-五分彩是怎么骗人的| www.099352.com-快开彩票有哪些| www.93001.cc-红星红彩口杯怎么样| www.083103.com-哪个网站买彩票好| www.497733.com-q彩怎么下载安装| www.604148.com-5258彩票代打| www.740374.com-澳門彩票有限公司| www.919008.com-百盛博彩软件有用吗| www.sw7.cc-老时彩五星走势图| www.355471.com-三彩玉甘肃有吗| www.033430.com-福建体彩官彩官方| www.379311.com-新葡萄金彩票| www.850920.com-腾讯博彩官网| www.911016.com-体彩五大联赛| www.973577.com-彩吧助手下载| 500彩票网www.864755.com| www.797907.com-彩61网站源码| www.831909.com-中国福彩七乐彩规则| www.w41.com-微信吉林快三群最近| www.499.com-彩票有网络销售吗| www.45877.com-时时彩宝典868| www.050284.com-今天彩票指南电子版| www.308790.com-南洋乐和彩-| www.237488.com-福彩兑奖规则| www.58320.com-彩霸王2019资料| www.773051.com-彩坛至尊免费资料| www.683813.com-誉彩彩票平台| www.025818.com-做黑彩代理风险大吗| www.144959.com-阿里彩app-| www.312702.com-福彩三地试机号| www.119482.com-新彩网app-| www.105941.com-彩77免费下载| www.558637.com-胜负彩为什么不好中| www.938846.com-亿彩彩票是不是真的| www.731816.com-高盛彩票平台| www.796450.com-鸿运彩票注册地址| www.905357.com-沉迷买足彩-| www.970681.com-凤凰彩票赚钱可靠吗| www.365024.com-体育彩票开奖直播| www.067022.com-黑彩十大平台| www.649958.com-博彩大数据-| www.027940.com-093彩票靠谱吗| www.9951.pro-福彩3d一语定胆| www.l61.club-高频彩联盟开奖直播| www.56ew.com-七星彩大公鸡奖表| www.0548.me-体彩一句定三码| www.7624.net-五分快三稳赢计划| www.2096.cm-南京市福彩中心地址| www.233475.com-宁夏快三49期今天| www.36330.com-百乐彩手机客户端| www.1504.me-彩虹屁大全-| www.557971.com-复式彩票奖金| www.1535.wang-内蒙福彩中心在那里| www.025426.com-福彩3d号码走势图| www.128356.com-新2官网彩票| www.608329.com-彩票3d200-| www.680183.com-福彩可以网络投注吗| www.773079.com-体育彩票新报价图片| www.870076.com-澳门彩票app下载| www.20br.com-彩票可以连着买十期| www.88699.cc-九彩彩票安全吗| www.71494.com-中国体彩怎么玩法| www.509104.com-彩票导师计划骗局| www.588827.com-七星彩测号-| www.703059.com-什么彩票8位数| www.793051.com-绵阳市福彩地址在| www.879322.com-彩票一份种开账| www.984057.com-关注老徐说彩公众号| www.qf50.com-新彩吧3d首页| www.4yx.com-朋友买彩票你怎么看| www.80qw.com-支付宝的彩票| www.0850.xyz-彩播最新版本下载| www.553269.com-竞彩胜平什么意思| www.99273.cc-福彩任选三开奖结果| www.412413.com-中国彩钢网-| www.522783.com-套彩对打-| www.606281.com-最新足彩停售| 500彩票网www.680227.com| www.767861.com-河北快三二码推荐| www.gp50.com-福彩河南快3走势图| www.1989.org-老安彩票预测| www.30636.cc-上海4d福彩开奖| www.92645.com-体彩实体店在哪里找| www.059340.com-体彩五d开奖结果| www.051855.com-福彩三的开机号今天| www.es49.com-中彩网统计图| www.yt76.com-奇门测港彩-| www.019619.com-糖果彩app下载| www.116345.com-彩虹羽泉歌词| www.230020.com-福彩3d预测分析号| www.407446.com-七星彩分几个奖级| www.7968.cc-博彩澳门网站| www.627862.com-时时彩计划全天| www.55kg.com-网易彩票真正网址| www.545547.com-东京1.5分彩| www.597366.com-满堂彩彩票怎么样| www.654570.com-彩友吧十大预测专家| www.715611.com-福彩杀号定胆彩经网| www.779799.com-福利彩票电玩机器| www.830739.com-黄鹤楼迷彩细烟| www.881297.com-腾讯分分彩胆拖计划| www.931596.com-彩票大乐透大赢家| www.979153.com-福利彩票官网app| 通盈彩票www.567620.com| www.75cl.com-彩票数字组合9| www.041211.com-下载广西福彩票| www.657937.com-点点中彩票怎么样| www.75785.com-一分钱彩票-| www.772333.com-时时彩交易平台| www.209.tv-8亿彩手机版网页版| www.440163.com-英雄联盟彩票在哪买|