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.556433.com-106官网彩票网页| www.e65.space-大中华彩票官方网站| www.488.cc-福星彩票福星高照| www.534922.com-怎样打时时彩| www.663678.com-nba彩经哪里看| www.xu0.com-玩彩票有上岸的吗| www.04yc.com-福彩36期开奖结果| www.p40.com-博大彩票是不是真的| www.359627.com-澳洲5分彩杀号技巧| www.523812.com-人人中彩票在线客服| www.310320.com-咸阳市体彩中心| www.277192.com-江苏快三江苏三d| www.183977.com-河北福彩3d预测| www.994163.com-炫彩曲棍球-| www.kq26.com-360彩票3d走势| www.659161.com-老重时时彩开奖号码| www.503383.com-时时彩平台跑路前兆| www.675333.com-广州汇彩路-| www.af81.com-福利彩票上期开奖号| www.755906.cc-苹果x彩膜-| www.411190.com-唯彩会体育下载| www.827725.com-彩霸彩票app| www.75fx.com-深圳福彩中心领奖处| www.867349.com-福利彩票昨日开奖| www.687095.com-外蒙快三走势图| www.775681.com-福彩助学金-| www.rx3.cc-河北体彩排三走势图| www.5817.xyz-银航时时彩登录网址| www.169857.com-长春快三中奖查询| www.700037.com-五分时时彩高手计划| www.822191.com-全国福彩3d预测| www.180967.com-中彩网提现是真的吗| www.ya69.com-内蒙古时时彩玩法| www.j15.org-彩票白菜免费送彩金| www.390996.com-491cc彩票-| 彩票坊www.022u.cc| www.576447.com-一分快三彩票倍数表| www.701157.com-福彩通app邀请码| www.71159.cc-福彩领奖时间| www.023668.com-彩票走图-| www.529669.com-彩票开奖查询时时彩| www.9620.cm-色彩属性-| www.8763.in-彩票走势图插件| www.85418.com-福彩双色球胆拖计算| www.826876.com-81c彩票-| 凤凰彩票www.5091p.com| www.250825.com-分分中彩票网站| www.311329.com-红旗彩票导航| www.018687.com-福彩3d?水过滤器| www.170431.com-分分快三最坑| www.722424.com-上彩票3cp平台| www.739016.com-福彩兑奖地点要求| www.819217.com-非你莫属彩票公式| www.65140.com-快赢七乐彩缩水| www.132164.com-濮阳彩礼新规定| www.439622.com-彩票中奖彩民图| www.654355.com-叫彩之源的app| www.580274.com-最好的彩票必中计划| www.077551.com-鸿彩网直播种子| www.027996.com-河南彩礼排行榜| www.550721.com-福建时时彩开奖结果| www.ey88.com-牛蛙彩票四不像图准| 9号彩票www.80767p.com| www.57231.cc-彩宝宝iosapp| www.277111.cc-青海快三玩法| www.954791.com-彩票今天开什么| 凤凰彩票www.88266d.com| www.683122.com-那个软件买彩票| www.113457.com-qq怎么买彩票| www.69668.com-大彩鲸网页-| www.n63.com-怎么能够买彩票中奖| www.57gn.com-悠悠小站彩票ios| www.1137.in-名人彩票靠谱吗| www.068855.com-快三定胆-| www.040955.com-世界彩票巨奖排行| www.190048.com-安徽快三那一段| www.19td.com-推荐几个购彩软件| www.77448.com-今日体彩中奖号是| www.122859.com-天天彩票骗局| www.919600.com-彩票app软件开发| www.cai9456.com七星彩今日开奖号码| www.x93.top-中国彩票开奖号码| www.307012.com-双色球派彩每日推荐| www.427006.com-彩民周刊报纸答案| www.304886.com-广东体彩发行中心| www.382532.com-开彩票店诀窍| www.484959.com-python彩票| www.cai6602.com体彩排列三走势图| www.127629.com-彩虹岛手游官网| www.678736.com-彩票网站制作费用| www.822583.com-网络彩票平台排名| www.923571.com-秒速快三是正规的吗| www.sa9.com-上海11选5彩经网| www.827698.com-如何查询彩票真伪| www.825867.com-吉林传统快三预测| www.05oo.com-体彩最大遗漏| www.501002.com-彩色的梦怎么画大全| www.571722.com-彩6下载应用宝| www.639274.com-昆山彩票店生意转让| www.701652.com-福利彩票客户端下载| www.769369.com-凤凰彩票购彩平台| www.860800.com-好彩246天天好采| www.966307.com-河北福彩兑奖中心| www.fj11.com-彩票五行对照表| www.002396.com-极速一分彩开奖号码| www.057771.com-福彩快3甘肃| www.147342.com-苹果手机体彩app| www.219078.com-百姓彩票苹果版| www.278148.com-稳赚高频快三娱乐| www.301419.com-鸿五彩票-| www.385605.com-体彩排列3开奖信息| www.752832.com-体育彩票怎样买的| www.57647.com-江苏体彩19054| www.130362.com-福彩双色球技巧| www.237179.com-江苏体彩e球彩比分| www.862000.com-河南福彩管理中心| www.941174.com-投资刷彩-| www.989392.com-智博微彩城下载| www.ce05.com-足彩竞彩网上投注| 500彩票网www.65707u.com| www.118.red-河内5分彩软件| www.82bw.com-七星彩开奖前30期| www.63351.cc-彩云追星资讯搜索| www.126135.com-手机购买彩票合法吗| www.607366.com-买体育彩票几点截止| www.502466.com-济南彩票杀人案| www.568406.com-求购彩票套源码| www.909458.com-河北快三二不同号是| www.502983.com-乐彩678-| www.572365.com-足彩投注app| www.633238.com-希腊5分彩开奖软件| www.49277.com-人人中彩票提现说明| www.676402.com-彩界网-| www.751287.cc-彩之家彩票下载| www.813904.com-福彩快三复式计算器| www.878695.cc-七星彩差分如何算| www.949248.com-哪个平台可以买快三| www.993776.com-凤凰彩票怎么玩啊| www.pm.cc-福彩双色球走势图| www.397849.com-体育彩票加盟店联系| www.ju87.cc-彩票双色球怎么玩| www.448585.com-忻州福彩中心| www.567390.com-彩虹6号第3年季票| www.35373.cc-福利彩票真还是体彩| www.128137.com-江苏彩票1800万| www.77xl.com-快乐六分彩-| www.5115.pw-天津体彩七星彩| www.873418.com-彩38导航-| www.676777.com-彩妆进货渠道| www.17pu.com-福彩3d返奖率报表| www.210392.com-福利彩大发快3下载| www.098859.com-电脑彩正版藏宝图| www.835305.com-日税顺滑特醇好彩| www.114993.com-星光彩票群-| www.182896.com-98vip彩票-| www.238686.com-28彩票拖骗局探探| www.299512.com-彩经网3d走势| www.1555.in-陇彩宝下载-| www.124183.com-幸运彩票定位胆骗局| www.210950.com-六安福彩快3| www.293260.com-河南福彩网网| www.351446.com-你们身边有中彩票吗| www.893449.com-上海爱彩乐开奖结果| www.297532.com-体彩停售-|