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.3sx.com-中国彩票老板| www.53562.cc-好彩网_app-| www.096278.com-彩票店的提成| www.283068.com-7星彩新规则玩法| www.567207.com-彩票开奖免费下载| www.188735.com-河南新快三开奖结果| www.329116.com-何明今日七乐彩预测| www.43ea.com-重庆试试彩骗局| www.530614.com-快三有公式吗| www.683788.com-竞彩店经营-| www.882332.com-78彩票靠谱吗| www.8800.me-手机彩票导航网| www.785458.com-银海彩票图库| www.945500.com-好运快三百度百科| www.2491.me-足彩任选九场胆拖| www.613361.com-高频彩票时时彩真嘛| www.706218.com-发彩是正规平台吗| www.37597.cc-新天地彩票-| www.mv41.com-快三网址计划| www.715256.com-彩神喷绘机-| www.810530.com-中国福彩8炫彩| www.910988.com-福彩三d钱王老头| www.979804.com-二元彩票网走势图| www.cb28.com-下栽福彩河南快3| www.f28.org-怎样举报彩票app| www.95sg.com-口袋彩店无法下单| www.144589.com-彩票平台代理大全| www.282810.com-633cc彩票33| www.383862.com-三晋福彩网今日开奖| www.1014.vip-快开被限制福彩| www.712522.com-人人彩客服小雅| www.866067.com-五星彩平台下载| www.972631.com-彩铅画风景图片简单| www.fa05.com-体彩足彩玩法| www.h99.net-全国联网彩票走势图| www.50px.com-大成彩票骗局| www.623587.com-胜负彩实单-| www.782339.com-买彩票公司-| www.867075.com-一定牛彩票推荐| www.928963.com-五分彩倍投骗局| www.980590.com-火箭彩票app网址| www.cp7155.com-刷彩-| www.lq59.com-体彩屋是骗局| www.cp9922.cc-糖果彩湖北快3| www.ke92.com-彩票是不是一个骗局| www.301798.com-福利彩票助手软件| www.vu82.com-河北快三作弊辅助| www.989431.com-大发快三单双计划| www.ky99.cc-彩票app白菜大全| www.05ah.com-福彩3d二天计划| www.051449.com-彩票位和值怎么算| www.691025.com-中国足彩网八方预测| www.170097.com-上海快三开奖结果| www.81kv.com-3d福彩排例五| www.6756.top-福彩七乐彩开奖结杲| www.948611.com-彩票排列五开奖时间| www.cp5133.com-上海快三中奖规则| www.387880.com-排列三彩票交流论坛| www.946992.com-彩票破解版软件下载| 网易彩票www.36788s.com| www.in30.com-105彩票下载安装| www.0fv.com-从手机上怎样买彩票| www.828019.com-彩民争霸app下载| www.926934.com-足彩预测-| www.981407.com-竞彩推荐唯彩看球| www.ak32.com-快三官方投注站| www.vu62.com-苏州快三的开奖| www.29nj.com-彩铅人像明星画教程| www.3308.net-2元彩票有哪些| www.990314.com-福彩字谜牛材网| www.503327.com-竞彩比赛延期怎么办| www.804926.com-彩票追加-| www.930174.com-518彩票网登陆| 手机购彩www.sjgc9.com| www.163833.com-彩票中奖后过得怎样| www.494952.com-美国博彩app| www.x80.top-体育彩票排七| www.35429.com-最准平刷彩票计划| www.727.space-宝哥竞彩今晚推荐| www.886328.com-特彩吧app-| www.961427.com-揭穿彩票-| 500万彩票www.96386w.com| www.840802.com-足彩盈利-| www.919655.com-中彩达人专栏| www.978837.com-皮得欢好彩1| www.em70.com-长春快三微信群谁有| www.zo71.com-中国竞彩网竞彩直播| www.35vf.com-微信五分彩-| www.404415.com-动物彩铅简笔画| www.xc2.cc-江苏快三振幅| www.354408.com-福彩东北彩霸2| www.669596.com-易经与彩票-| www.801228.com-6a彩票app-| www.888761.com-中信银行积分买彩票| www.871909.com-49彩票安装-| www.963574.com-被网络彩票骗了| www.bu63.com-甘肃快三豹子预测| www.vd02.com-体育彩票开奖时间| www.53nf.com-体彩吧彩票资料大全| www.50852.com-彩投彩票gt-| www.76408.com-彩票老师带单合买| www.302344.com-福彩和值跨度表| www.809481.com-qq腾讯彩票网| www.401519.com-七星彩免费版图区| www.021868.com-酷彩吧彩票下载| www.163100.com-3d预测汇总彩吧网| www.521307.com-福彩3d微信大群| www.625544.com-福利彩票中奖方式| www.730085.com-大家乐彩票app| www.832730.com-七彩图趣味看图测彩| www.942955.com-易购彩app-| 大玩家彩票www.84499n.com| www.hu73.com-贵州福彩快3彩开奖| www.d93.tv-彩票查询开奖结果询| www.297531.com-v8彩票app下载| www.383952.com-周六彩票-| www.502938.com-双色球彩乐乐杀号| www.91953.cc-双色球彩票中奖新闻| www.520580.com-l70彩票服务平台| www.593757.com-七彩通达-| www.654487.com-中国彩票销量下滑| www.713713.com-福彩三地彩票字画迷| www.390218.com-捡彩票中502万| www.886451.com-双色球买彩大厅| www.537227.com-打彩票的后果很严重| www.661024.com-彩九是不是骗术| www.750043.com-中日中彩怎么加的| www.839256.com-腾讯五分彩软件| www.922995.com-急转体彩店-| AKW彩票www.akw0.com| www.85576.com-体彩追加-| www.326603.com-沈阳快三走势图| www.442937.com-恢复网络购彩| www.540323.com-福利彩票能买足球吗| www.922926.com-云南彩票11选5| www.974598.com-新星彩贵宾中彩网| 500彩票www.401265.com| www.kc59.com-彩票苹果版-| www.1059.vip-时彩赚钱专业团队群| www.8731.xyz-顺盈彩票是真是假| www.331847.cc-8体彩屋注册邀请码| www.85ta.com-58彩票在线-| www.755024.com-7星彩专家预测总汇| www.843171.com-慈善福彩-| www.917913.com-如何找彩平台的漏洞| www.969384.com-酷彩香港专卖店地址| PK彩票www.250757.com| www.gw32.com-体彩6+1-| www.302733.com-幸运彩网站-| www.567446.com-福彩生肖时时彩| www.021432.com-亚博彩票下载二维码| www.761140.com-体彩足球胜平负规则| www.837964.com-七星彩未开奖号码| www.901143.com-彩票小知识-| www.969206.com-天天中彩票倒闭了吗| 大赢家彩票www.599091.com| www.755304.com-韩国快三是什么彩票| www.a55.com-977彩票下载安装| www.770568.com-分分彩是不是国家的| www.51329.com-买彩票的倍投计划| www.026857.com-辉煌彩票h-| www.368488.com-七彩星txt-| www.39584.com-快乐彩票余额图片| www.2327.biz-3d彩票机选-|