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天

知道了
1分快三 www.qb27.com-2019新彩票平台| www.908178.com-海南七星彩网大奖网| www.665764.com-中国彩票直播下载| www.868441.com-新浪爱彩基本走势图| www.088828.cc-今日头条彩票推荐| www.956097.com-买彩票买什么样的| www.650363.com-彩虹伞打地鼠视频| www.20275.com-万达时时彩官方平台| www.233860.com-河南省福彩快三| www.676098.com-福利彩票图谜汇总| www.wy69.com-七星彩冷热码分析| www.452956.com-福彩三d小军第五版| www.717560.com-漳州彩票输钱| www.43yj.com-新浪中国竞彩对阵表| www.98581.cc-qq分分彩投注平台| www.226936.com-三分快三计划准吗| www.612501.com-彩计划gcbcc| www.135886.com-淘宝怎样买彩票| www.721608.com-快三平台充值不上| www.820707.com-彩钢瓦规格及价格| www.726371.com-够力五星彩下载| www.895567.com-彩票合买系统在哪找| www.751463.com-2020网络彩票| www.2823.top-好彩下载官方平台| www.561092.com-彩票中奖计算公式| www.724040.com-彩票快3网上计划| www.8114.org-红牛快三软件| www.985667.com-933彩票官方| www.34gx.com-728彩票平台| www.031137.com-22彩票坑人-| www.732138.com-快三守号多少期合适| www.xd70.com-贵州快三一天开几期| www.389630.com-御彩轩安卓-| www.776949.com-lb快乐彩-| www.459655.com-足彩跟单稳赢的技巧| www.69631.com-金彩网246网| www.846343.com-民政部长和福利彩票| www.35597.com-网易彩票杀号专家| www.134800.com-开彩票店的要求| www.974549.com-众彩怎么下载地址| www.su11.com-幸运快三首页| www.wl86.cc-彩8官网-| www.yj0.cc-吉林快三开奖结果1| www.277130.com-五分钟一开的彩票| www.0005.pw-0到9的彩票是什么| www.54gf.com-快三电子显示走势图| www.661234.cc-3d彩的域名-| www.995128.com-新浪网彩票走势图| www.35ik.com-彩票斯毁还能兑奖吗| www.35vb.com-五分彩是什么怎么玩| www.825272.com-竞彩猫小鱼儿| www.8011.cm-南京彩票店加盟| www.77iv.com-天天乐彩票免费下载| www.8719.cc-快三过年期间停几天| www.899782.com-彩81彩票网址| www.399216.com-体彩七星彩35| www.320117.com-百宝彩app账号| www.858239.com-足彩输20万-| www.44yx.cc-快三一共有几期| www.gp33.cc-彩钢板围挡价格| www.555545.com-时时彩十一选五| www.321999.cc-中国福体彩开奖查询| www.291458.com-体彩什么时候开奖| www.5861.net-彩票系统被黑客| www.515773.com-扬州彩票案件结果| www.515949.com-时时彩刷流水骗局| www.718131.com-彩虹屁夸人语录| www.906774.com-亿博彩票-| www.77311.com-彩店宝不能用了| www.392.online-旺彩十一选五计划| www.924288.com-四亿彩票网址是多少| www.307768.com-派彩快3走势图| www.549707.com-体彩足彩怎么买| www.rz2.cc-福彩快三有人赚过吗| www.85567.cc-足球体彩竞彩| www.441443.com-百宝彩视体验帐号| www.845210.com-足彩14场中奖查询| www.7863.cc-好运福彩apk| www.226150.com-彩票带单是真的吗| www.536098.com-什么彩票是6个数字| www.434536.com-中大奖彩票下载安装| www.5346.cc-福利彩票1月2号| www.823657.com-铝板彩涂生产线| www.248595.com-福彩怎样买-| www.37gz.com-中国福彩三d土势图| www.945432.com-福彩双色球近500| www.01bd.com-破解私彩票软件下载| www.8439.xyz-哪家开发过彩票| www.029046.com-福彩唐龙说彩趋势图| www.280970.com-时时彩员工会坐牢吗| www.062330.com-168彩票最新版本| www.266224.com-快三组合表-| www.538345.com-a8彩票-| www.0062.loan-美国有几种热门彩票| www.51582.cc-超级快三是不是真的| www.189029.com-内蒙快三中奖多少钱| www.545524.com-福利彩票都有什么| www.378327.com-彩虹10飞机-| www.eb13.com-众彩彩票app下载| www.232790.com-好彩客下载-| www.518478.com-号百彩票为什么停售| www.812603.com-七乐彩走势带连线| www.026490.com-快三7期倍投方案| www.261591.com-百盈快三口诀| www.544522.com-重庆时时彩买九个数| www.972354.com-体彩7位数开奖公告| www.633747.com-长沙七彩-| www.618435.com-酷彩app不能提现| 购彩在线www.66332z.com| www.151619.com-湖北快三能玩吗| www.672.com-体彩大乐透新玩法| www.00584.com-南方双彩网八仙过海| www.2599.tv-网络彩票害人的| www.512844.com-福彩3d杀尾天齐网| www.781028.com-易解彩八卦图| www.32518.com-河南焦作市结婚彩礼| www.638403.com-竞彩网点销量排行榜| www.1626.vip-体彩三地试机号今天| www.689179.com-七乐彩开奖重复过吗| www.787418.com-搜索彩票开奖结果| www.923273.com-竞彩亚盘什么意思| www.5480.in-长春彩票开奖| www.019124.com-利彩5分快3-| www.163924.com-nba体彩骑士用时| www.373359.com-体彩100期开机号| www.sl9.com-体育彩票规则| www.050001.com-找黑彩坐庄的老板| www.506708.com-新彩吧图谜汇总| www.924489.com-9b彩票值得信赖| www.137976.com-中彩票新闻-| www.zt80.com-彩虹4无人机单价| www.044799.com-七星彩票彩种| www.51573.cc-江苏福彩一定牛| www.077119.com-体育彩票俄罗斯| www.39zd.com-聚乐彩票50707| www.237616.com-动物总员湖南福彩网| www.037086.com-vip彩吧-| www.119081.com-双色球杀号彩乐乐| www.537135.com-福彩3b各类和值谜| www.773120.com-打鱼送彩金27| www.919073.com-铂金彩3d-| 彩天下www.c1370.com| www.296763.com-印象彩票开奖网| www.489876.com-山鹰团队彩票| www.58297.cc-荷兰三分彩怎么玩| www.246258.cc-彩票驿站大快3| 818合彩www.www.9889hc.com| www.8805.cc-万彩吧开奖查询| www.200301.com-体彩开奖查询号码| www.265214.com-广西快三怎样| www.548702.com-福彩门户精简| www.710232.com-充10块送38彩金| www.kt98.com-大福利彩票幸运快三| www.027360.com-一分彩票-| www.678653.com-福彩3d最准双飞| www.cu61.com-彩票挂机真的稳赚吗| www.531969.com-彩虹颜色排列| www.zg57.com-9购彩票官网| www.85bs.com-福彩彩票电话号码| www.078041.com-如何网上买彩票| www.948220.com-体彩发行中心| www.ar78.com-贵州省福彩快3| www.90xo.com-miui10彩蛋-| www.100564.com-乐彩网lccp下载|