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.410600.cc-七彩球怎么拼装教程| www.568829.com-大彩鲸11选五| www.647488.com-合川体育彩票| www.723078.com-彩票大蠃家-| www.53351.com-安徽快三吧-| www.bo21.com-大发快三怎么买| www.d15.space-彩票开奖七星彩预测| www.11434.com-高频彩在线人工计划| www.192010.com-七星彩冷热码次数| www.615795.com-游戏厅的彩票机| www.896752.com-易语言彩票自动投注| www.981684.com-世界杯彩票最大奖| www.od1.cc-优乐彩app下载| www.tr29.com-代刷彩票流水骗局| www.5605.cc-免费的彩票程序开发| www.18896.cc-彩票快乐12-| www.9103.vip-水溶彩铅画-| www.75538.com-彩98下载-| www.481694.com-微信快三信誉群| www.571392.com-吉林快三什么计划网| www.749260.com-彩票规则和开奖日期| www.827996.com-小站宝彩票客服| www.914062.com-广西彩票app| 乐彩赢www.0014u.com| www.618608.com-快三和值11是大么| www.785137.com-福利彩票高管被抓| 彩之家www.09czj.com| www.498492.com-5k彩票会员-| www.650619.com-玩彩虹伞音乐| www.789469.com-立博足彩app| www.xy10.com-d9彩票网-| www.71vz.com-福利彩票2018| www.791206.com-彩票数字分析仪| www.zw22.com-七彩国际影城| www.xj76.cc-双彩论坛字谜| www.431.mobi-256彩票登录| www.523928.com-胜负彩分析预测| www.32wf.com-红旗彩票官网首页| www.968619.com-qq重庆时时彩群| www.cai2323.com彩票快3技巧| www.nl10.com-足彩18096任九| www.717337.com-彩铅自学哪本书好| www.112733.com-微信的新快三骗局| www.209328.com-福建11选5爱彩乐| www.061061.cc-天干地支与彩票关系| www.0326.cn-时时彩七码稳赚方法| www.7967.cc-澳门博彩研究| www.914836.com-建平县黑彩大案| 500彩票www.553079.com| www.qh35.com-好彩蓝莓双爆怎么样| www.026216.com-黑彩平台代理加盟| www.176826.com-私彩能控制官方开奖| www.308687.com-北京逸彩快三| www.493955.com-竞彩之王博客| www.645561.com-女人梦见买彩票中奖| www.811360.com-湖南幸运快三| www.957102.com-台湾乐透彩开奖直播| www.47xd.com-36o彩票彩种大厅| www.1086.in-盈发彩票下载安装| www.9794.biz-k彩平台登陆| www.715050.com-瑞彩彩票安卓下载| www.884694.com-彩票代打账号兼职| www.956141.com-速赢彩是哪年注册的| www.186728.com-北京快乐彩开奖结果| www.002884.com-七星彩摇奖机模拟器| www.78755.com-合肥开个竞彩店| www.231463.com-湖北快三多少期| www.348680.com-乐彩网密码怎么破| www.521770.com-借钱买彩票算诈骗| www.117795.com-彩票怎么看才懂| www.6615.top-茂腔罗彩记全集| www.72267.com-陈华就赌一个胆福彩| www.079813.com-杭州福彩快三| www.24pm.com-iphone彩膜贴| www.94fd.com-王者竞彩微博| www.2706.cc-v9彩票苹果版| www.949493.com-网赚彩票-| www.881712.com-彩票包赔导师| www.969251.com-快三追号计划利润表| 大中华彩票www.951077.com| www.755966.com-苹果4s彩膜-| www.836186.com-手机顺风彩票| www.916105.com-济南牛旺庄彩票站| 95彩票www.279556.com| www.xq33.com-体彩怎样算是中奖| www.970873.com-迷彩兔软件-| www.79nw.com-网易彩票怎么样| www.7135.xyz-吉林快三在线看| www.017332.com-cp彩票安卓版| www.102575.com-中彩网注册-| www.185668.com-中国福彩的宗旨| www.262250.com-卓易彩票最新| www.613667.com-带你买彩票赚钱| www.938005.com-彩票快三app| www.727976.com-山东福彩下载| www.817531.com-彩61是不是正规的| www.924508.com-众赢平台彩票| 博汇www.818897.com| www.oh33.com-皇都彩票合法吗| www.89216.com-福彩甘肃基本走势图| www.070317.com-乐8彩网站-| www.164988.com-红彩会彩票网怎么样| www.229779.com-彩票大全下载软件| www.ur63.com-彩票刷流水赚彩金| www.620590.com-竞彩足球必发指数网| www.690257.com-体彩足球单关走势图| www.833981.com-3d彩票图迷专辑| www.896001.com-彩票对打怎么能套利| www.963918.com-投彩网下载-| 快彩www.81678e.com| www.083617.com-乐彩彩票网安全吗| www.256297.com-打开中彩网首页| www.369316.com-漯河体彩中心电话| www.520156.com-快三跨度大最长几期| www.590094.com-幸运飞艇是虚假彩票| www.525502.com-体育彩票开奖结果| www.633606.com-天下彩免费手机资料| www.712582.com-大发快三谁控制| www.815926.com-极速赛车彩票坑人吗| www.891999.com-快三选号器-| www.980352.com-中国体育彩票6十1| www.7339.in-彩虹无人机产地| www.727796.com-福彩兑奖过程| www.76ao.com-彩票宝官网彩票合买| www.2894.pw-酷彩吧中奖-| www.01054.com-福客来彩票北京| www.64424.com-彩色包装纸-| www.4710.com-身无分文买彩票发财| www.zi11.com-乐彩双色球诗谜| www.22xo.com-福利彩票会过期的| www.39qp.com-中国史上最大彩票| www.733323.com-快三的套路-| www.179487.com-湖北快三爱彩乐| www.071863.com-大庄家彩票合法吗| www.193929.com-天下彩中彩香港| www.020926.com-跟着计划买彩票| www.s32.club-太湖字谜乐彩论坛| www.49tt.cc-福彩江苏快三合法吗| www.0313.shop-广东体彩发展历史| www.544991.com-粤淘彩票注册邀请码| www.606010.com-彩家园计划聊天室五| www.665673.com-78彩票软件-| www.738703.com-彩票讨论微信群群号| www.805373.com-七乐彩中奖新的| www.714.in-多宝彩票手机版下载| www.223701.com-足球e球彩总进球数| www.192902.com-彩6应用-| www.783798.com-网售彩票怎么举报| www.361657.com-易发彩贴吧-| www.299805.com-怎么彩票走势图| www.404042.com-彩礼嫁妆怎么分配| www.80lo.com-5块钱彩票能中多少| www.33739.cc-新快报彩票-| www.39756.cc-中发彩票破解| www.778310.com-彩贝壳官网电话| www.254008.com-福建快三同号| www.057863.com-河北快三号码大全| www.447455.com-众彩网是正规平台吗| www.6536.vip-七星彩奥客网预测| www.57083.com-彩八正版下载网址| www.221812.com-彩票上分软件| www.519092.com-体彩19015期| www.688083.com-九州彩票正规| www.819928.com-刮彩票有哪些|