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.049118.com-3d彩界小少爷毒胆| www.923257.com-私人做庄彩票赚钱吗| www.cp3344.cc-官方一分快三| www.tl20.com-3d彩报第一版图| www.554213.com-肇庆福彩中心| www.5376.biz-福彩3d991-| www.42ob.com-彩票开奖是不是假的| www.3637.xyz-青海快三的彩票台子| www.396098.com-星期天开什么彩票| www.138112.com-微彩店app下载| www.lk24.com-聋哑人中彩彩票| www.bb09.com-江西体彩中心电话| www.454557.com-聚鑫乐彩彩票| www.596683.com-快三笫一门户| www.707611.com-时时彩官网开奖| www.808860.com-105彩票亏了| www.902256.com-qq上怎么买彩票| www.973556.com-123彩票开奖公告| www.076787.com-想要几个数字买彩票| www.cp7589.com-河北快三开奖助手| www.k01.top-速盈彩app-| www.546755.com-福彩投注站审批| www.222660.com-在线一分快三计划| www.227227.com-体彩开奖结结果| www.yg23.com-快三怎么看和值技巧| www.148511.com-广西省福彩中心| www.145016.com-体彩排列五走势新浪| www.689900.cc-重庆5分时时彩计划| www.5147.xyz-手机买彩票正规网站| www.tv89.com-爱彩票快三软件| www.529316.com-金水区体彩售点| www.869110.com-七星彩包码稳赚法| www.875561.com-购物送彩票合理么| www.713862.com-彩乐乐湖北快三推荐| www.915660.com-快捷彩票下载| www.841180.com-中彩票如何领奖| www.660698.com-澳彩网下载-| www.822612.com-福彩双色球资深专家| www.962537.com-福彩3d官网app| www.sc21.com-福彩3d讨论专区| www.188457.com-安徽快三一定牛走势| www.221244.com-快三是坑人的彩票| www.108529.com-速赢彩票是骗局揭秘| www.522446.com-新宝腾讯分分彩| www.577010.com-好彩店滚球-| www.386363.com-双彩网3d字迷专区| www.je02.com-派彩-| www.00mm.com-七星彩报码图片| www.210.name-水溶彩铅插画| www.297167.com-彩票网购-| www.926990.com-江苏快三结果预测| www.114375.com-福利彩票选号助手| www.317598.com-快三职业彩民| www.835526.com-彩票福利双色球26| www.932107.com-吉林体彩11远5| www.988086.com-必中彩票出现漏洞| www.dl56.cc-乐和彩开奖时间| www.zi79.com-我要上海快三| www.75hw.com-彩票基诺游戏怎么玩| www.268385.com-福彩3d模拟-| www.452954.com-彩吧三d图谜第五版| www.96558.com-泰国路边卖的彩票| www.088763.com-福彩通有没有挂| www.653601.com-天下彩中堂彩| www.0785.net-福利彩票哪几天开奖| www.017876.com-最新网易彩票下载| www.588912.com-福利彩票天罡八卦图| www.18693.com-256彩票苹果版| www.015734.com-海南七星彩用手机买| www.052745.com-网易彩票江苏快3| www.81185.cc-室内体育博彩业| www.155519.com-买彩票技巧顺口溜| www.251893.com-双色球旺彩预测专家| www.327640.com-福彩体彩开奖公告| www.404415.com-动物彩铅简笔画| www.3396.vip-彩票助赢贴吧| www.206151.com-078网络彩票骗局| www.126761.com-福彩3d开奖魔图| www.706976.com-浙江省福彩12远5| www.809618.com-长沙福利彩票店转让| www.902508.com-今天彩票指南电子版| www.969652.com-快三购买技巧| www.bo14.com-一分快彩app| www.993906.com-我想玩彩票-| www.ah16.com-南国彩票图规| www.qd01.com-2019彩票销量| www.40ou.com-彩票免密付款| www.410.in-幸运彩票幸相伴| www.3883.vip-竞彩分析app| www.xi38.com-甘肃体彩助手官方| www.770556.com-春节时时彩停运时间| www.120877.com-彩票一撕为二能兑奖| www.254826.com-时时彩固定漏洞| www.88917.com-江苏快三冷号速查表| www.zw20.com-体彩可以手机投注吗| www.36gt.com-彩票中奖图片最新款| www.902.cm-彩票中3000万| www.98oi.com-彩票查询彩宝网| www.518513.com-乐仑彩票官网是多少| www.94671.com-竞彩360网分析| www.830144.com-盈彩彩票是真的假的| www.14xv.com-打了几万彩票人跑了| www.1615.cn-非凡彩票3d-| www.200516.com-澳客网足彩-| www.287831.com-福i彩开奖结果查询| www.807019.com-彩票折叠-| www.931720.com-佛教求财彩票中奖| www.id46.com-80彩票是骗局| www.69em.com-皇冠国际彩票下载| www.2121.site-中国全部彩种| www.206492.com-鳄鱼大乐透彩票| www.974300.com-网购彩票是骗局吗| www.683770.com-49彩票网站-| www.014508.com-七星彩最好的软件| www.472970.com-彩吧论坛首页i3| www.85298.cc-日文3d彩漫-| www.57833.com-博友彩票正规合法吗| www.73325.cc-七星彩明月珰番外一| www.420005.com-新必发彩票-| www.11bg.com-彩钢瓦规格尺寸| www.326689.com-快三几点结束| www.456686.com-彩易网3d-| www.4550.vip-重庆时彩时彩合买| www.9266.net-彩乐透邀请码| www.088358.com-599彩票下载| www.01410.com-竞彩怎么玩-| www.475507.com-中彩票先交税还是| www.88090.com-彩66平台怎么样| www.ub64.com-彩票统计预测法| www.41nt.com-中大奖彩票app| www.753162.com-中彩吧能信吗| www.48310.com-彩色复印机2083| www.1973.vip-体彩481怎么投注| www.97kf.com-博彩新骗局-| www.331578.com-乐彩大发快3| www.420869.com-体彩贵州-| www.536786.com-中国彩票有几种类型| www.661120.com-爱乐透彩票开奖结果| www.9167.biz-上海快三往期回顾| www.715988.com-福彩3d直选号推荐| www.817616.com-电脑福利彩票| www.928342.com-买彩票有什么技巧吗| 易彩网www.99638d.com| www.940082.com-美国彩票开奖流程| 国彩网www.guocai667.com| www.239939.com-火箭彩票-| www.571761.com-吉林快三日销售额| www.631681.com-七彩阳光恶搞| www.695391.com-足彩复式注数| www.8488.in-时时彩怎样包码赢钱| www.95dc.com-白菜最新注册送彩金| www.4492.biz-体彩足球胜负兑奖| www.506773.com-福彩三地走图带连线| www.877248.com-六台彩迷宫生死博斗| www.936759.com-七乐彩复式中奖查询| www.987642.com-乐米彩票是小米吗| www.zn27.com-快三权威骗局| www.24vf.com-彩色手机膜-| www.95dw.com-今天体彩排三预测| www.2294.top-彩票中奖后怎么领取| www.7668.biz-福彩双色球宣传图片| www.6640.cm-3d字谜双彩网| www.297982.com-兰州体育彩票中心| www.071997.com-好彩票107cc|