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.82957.com-中五百万的彩票图片| www.813504.com-福彩3d牛材网首页| www.905592.com-找吉林福彩快三| www.685427.com-彩票之家3d| www.779839.com-彩票游戏机样泡泡| www.869266.com-天天彩票代理违法么| www.3537.win-微彩店苹果下载| www.31261.cc-彩票投注易彩网| www.109515.com-2044彩票网-| www.501954.com-博彩相亲骗局| www.583662.com-时时彩后三走势| www.655755.com-福彩双色球头奖票样| www.765092.com-海口彩票七星彩早版| www.836115.com-彩票大奖排行榜| www.902833.com-79木邪恶全彩| www.965676.com-玩赚彩票app下载| www.ml91.com-时时彩app送彩金| www.54.net-福彩幸运星座规律| www.91vv.com-5k彩票会员-| www.556674.com-福彩七乐彩| www.45436.com-时时彩彩票投注平台| www.580528.com-宝鸡市体彩中心电话| www.688972.com-专业玩彩胡-| www.774870.com-网易彩票在线投注| www.852958.com-中国体彩彩票七星彩| www.919748.com-体彩打印软件破解| www.19358.com-中国体育彩票网下载| www.73118.cc-甘肃快三定胆杀号码| www.898034.com-福利彩票宣传| www.980125.com-彩票打票员会很难吗| www.cl05.com-网上彩票软件| www.wt68.cc-彩巴图库-| www.87eb.com-679九州彩票网址| www.874876.com-酷彩安卓版-| www.912478.com-购彩网一分快三计划| www.835789.com-顺丰彩票app| www.zm00.com-彩票软件哪个好哪里| www.539347.com-怎样开彩票店| www.799030.com-长城彩票真假| www.859976.com-手机彩票网福利彩票| QQ彩票www.89894w.com| www.28ib.com-竞彩让负小2.5球| www.099821.com-乐迷炫彩app下载| www.968478.com-77彩票靠谱吗| www.206520.com-彩票争霸app下载| www.350390.com-彩色笔记本键盘| www.480078.com-时时彩猜单双技巧| www.563677.com-大中华彩票用户注册| www.642789.com-彩汪汪双色球预测号| www.771604.com-腾龙时时彩工具| www.106796.com-彩巴助手-| www.985879.com-3b彩报中心-| www.wl39.cc-中福快三开奖历史| www.272367.com-今天七星彩开奖号码| www.816411.com-快三两同号统选| www.976000.com-三动三不动彩礼| www.0675.me-申请福彩销售点| www.5536.net-加拿大分分彩漏洞| www.11493.com-合买彩票下载| www.74929.com-九五计划彩票| www.256577.com-重庆时彩助手| www.95pl.com-足彩胆-| www.381035.com-彩票开奖票开奖| www.775287.com-云南11选五购彩| www.6710.in-好彩客破解-| www.1167.vip-彩富网高手坛| www.613651.com-如何举报网络彩票| www.6275.biz-全天时时计划彩神| www.55475.com-中国彩票qq交流群| www.258500.com-中国竞彩资讯| www.336910.com-江苏快三走遗漏| www.442858.com-足彩计划-| www.677349.com-快三吉林长春天气| www.780977.com-5型彩票组合软件| www.880207.com-福彩预测分析区彩吧| www.957956.com-七星彩两定包码方法| 彩乐乐www.3005w.com| www.fj43.com-快3彩票害死多少人| www.396584.com-3d字谜彩吧论坛| www.82hx.com-江苏快三三二同单选| www.529646.com-中国彩民更懂彩民| www.622755.com-在玩彩票输死了| www.685007.com-3d彩字谜图谜| www.764342.com-彩投彩票正规吗| www.036268.com-福彩3地开机号| www.5504.in-众彩网专家唐儿| www.31bk.com-福彩每年放假| www.zb83.com-福彩3d图库-| www.089375.com-快乐彩票(三)下载| www.942789.com-刚力彩芽电视剧| www.1474.com-彩铅写实画作品| www.700018.cc-竞彩跟单能赚钱吗| www.868605.com-七星彩合直走势| www.3268.xyz-uu669福彩快三| www.195252.cc-内蒙快三助手电脑版| www.111796.com-大资本彩票怎么样| www.9427.cn-一分彩票走势图| www.070484.com-竞彩365-| www.251858.com-中国彩吧网i| www.419983.com-世界杯体彩销售额| www.405453.com-桂林彩调剧大全集| www.510114.com-中国体彩举报电话| www.339776.com-一品彩票网上买彩票| www.460061.com-青蛙彩资料-| www.560517.com-精彩靓颜美白祛斑霜| www.640385.com-彩票数字密码大全| www.cp9818.com-福利彩票快三走势| www.1xg.com-彩色笔童装加盟店| www.045371.com-彩83网址-| www.160188.com-时时彩彩票开奖查询| www.234554.com-彩票站现状及前景| www.298685.com-r彩票开奖结果| www.386406.com-中国彩吧天气网| www.872224.com-826手机购彩平台| www.489985.com-泊利娱乐时时彩| www.569699.com-港版好彩香烟价格| www.637887.com-东营福彩中心电话| www.730993.com-彩票套利平台| www.810556.com-体彩显示屏怎么设置| www.899265.com-快三排列随机吗| www.979204.com-南通体彩中心电话| www.lo19.com-两元彩票app| www.359434.com-体彩大乐透微博| www.498456.com-百度乐彩电脑版| www.557075.com-阿里彩票和云霁科技| www.295869.com-河南幸运彩走势图i| www.871325.com-买足球竞彩走势图| www.ol40.com-体彩七星彩玩法说明| www.14aq.com-奇利5分彩走势图| www.908939.com-7070彩票官方| 凤凰彩票www.3479d.com| www.lf43.com-中国购彩网下载| www.22ij.com-圆梦七星彩交流专区| www.997.hk-彩票有五位数的吗| www.914559.com-粤淘彩票是合法的吗| www.980253.com-福彩12-| www.cai6565.com吉林快三质和走势图| www.kj96.cc-彩票双色球模拟选号| www.cp2918.com-快三高手传授经验| www.7mv.com-年终奖发彩票| www.8819.net-分分彩龙虎的推算| www.160812.com-福彩赛车pk10| www.953286.com-竞彩篮球赛果开奖| www.ar82.com-安徽快三遗漏号| www.y66.org-时时彩大数定胆法则| www.688785.com-福彩双色球软件| www.0953.date-彩票走势图南方网| www.352265.com-wmcp完美彩票| www.655739.com-生日彩票生成器| www.755778.com-快三开奖助手官网| www.338289.com-贵州彩票中奖今天的| www.460274.com-可信的彩票代购网站| www.285418.com-做彩票-| www.29886.com-天天好彩949cc| www.231650.com-江苏快三所有号码| www.700497.com-神彩官方网站| www.835856.com-西宁彩票店承包| www.902032.com-黑彩必中玩法| www.977868.com-七星彩10期开奖| www.33kr.com-福彩3d牛彩网图谜| www.881661.com-彩票定位胆骗局| www.935383.com-正规彩票网址| www.974289.com-七乐彩票游戏规则| 凤凰彩票www.77802k.com|