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.954451.com-日本彩票-| www.39732.cc-买彩票输了300| www.672669.com-七星彩18152| www.2968.me-甘肃省福彩中心领奖| www.wf56.cc-彩14app-| www.870.cc-彩票玩法大全| www.738213.com-购彩v下载-| www.954997.com-即开快彩-| www.tx82.com-爱彩乐快乐十分| www.7094.xyz-七彩艺校-| www.014598.com-深圳快乐彩输得好惨| www.222278.com-快三中奖几率大| www.503831.com-如何卖彩票-| www.d88.hk-数字彩票的神奇组合| www.130980.com-结婚彩礼价目表| www.420821.com-7乐彩开奖走势图| www.06755.com-福彩金胆王一语定| www.71442.com-快三能作弊吗| www.019843.com-时时彩中彩票| www.87591.com-开体育彩票竞彩店| www.414015.com-披红挂彩什么意思| www.316631.com-新浪彩票客户端| www.794339.com-春节后福彩开奖时间| www.70sx.com-巴厘岛国际彩票| www.16047.cc-福利彩票17500| www.96816.com-东方眼崔永元彩票| www.8679.cn-中国福利彩票微信号| www.927028.com-一段话猜生肖的彩票| www.hk24.com-福彩字谜总汇| www.183798.com-网易彩票预测分析| www.568123.com-福彩3d公式-| www.798976.com-数据最全的足彩网站| www.963037.com-彩乐乐专家杀号推荐| www.ku04.com-网络快三和值合法吗| www.99dw.cc-网络赌快三赢钱| www.a55.com-977彩票下载安装| www.527625.com-百彩520hk-| www.771756.com-澳洲时时彩平台| www.890876.com-彩票至尊是真的吗| www.29po.com-荷花水彩图片| www.09493.com-鸿鼎彩票网站app| www.069074.com-中奖彩票双色球| www.296721.com-360彩票网开奖| www.568220.com-体彩机如何提现| www.953380.com-奥客网竞彩比分直播| www.1157.vip-山东福彩开奖查询| www.17869.com-竞彩足球比分技巧| www.033376.com-515彩票-| www.299562.com-凤凰vip一分快三| www.638631.com-手机快三软件下载| www.803979.com-华人测速彩票合法吗| www.11wc.com-彩库宝典1.0.3| www.7362.biz-足彩有挣钱的吗| www.024922.cc-8忆彩-| www.155302.com-彩票团队注册送彩金| www.290400.com-彩票大发快三| www.382620.com-胜负彩最快开奖结果| www.505820.com-时时彩开户送体验金| www.588464.com-天空彩票与你同行| www.669475.com-彩钢琉璃瓦机设备| www.762577.com-1分时时彩购买| www.831102.com-环彩网触屏版首页| www.898032.com-手机正规买足彩| 彩票宝www.4cpb.com| www.194707.com-广东体彩十一选五| www.598716.com-七星彩历史中奖记录| www.699060.com-山东彩票十一选五走| www.779013.com-福彩3d大花虎二| www.856564.com-福彩3d藏宝图高清| www.923561.com-秒速快三技巧| www.980217.com-竞彩胜平负推荐| www.ep4.com-吉林快三有玩的吗| www.oh48.com-猫彩-| www.m22.top-乐彩网官方网| www.31pv.com-彩票开奖查询星期一| www.65ie.com-中国合法网上彩票| www.987142.com-辽宁大连快三查询| www.he9.cc-爱彩乐彩票网| www.733569.com-福州市体彩中心| www.851082.com-天地彩平台注册地| www.357892.com-彩票最经典广告| www.507557.com-苏宁易购app彩票| www.603559.com-山西福利彩票网点| www.695855.com-足彩在线投注app| www.791582.com-手机彩票怎么买彩票| www.902816.com-彩票合买哪个app| www.982482.com-竞彩实体店兑奖| www.dh88.com-福利彩票买几位数| www.zz30.cc-上海福彩销售网点| www.9955.love-会员登录5k彩票| www.gc05.com-深圳快乐彩21选一| www.296954.com-江西彩票快三走势图| www.416965.com-腾讯5分彩官网查询| www.668008.com-体彩排三直播| www.6298.com-乐透型彩票计算方式| www.207273.com-彩71下载网址| www.608257.com-竞彩推荐公司收费| www.176459.com-五分彩都是骗局吗| www.ny.com-宁夏福彩快三开奖号| www.447133.com-福彩主持人-| www.339124.com-时彩族官网软件| www.072759.com-综艺福彩官网| www.074898.com-彩票真人中奖故事| www.659455.com-利彩一我的账户| www.967466.com-快购彩票app| www.247400.com-武汉快三彩票| www.318620.com-尊彩网官网注册| www.588013.com-施乐彩色复印机促销| www.069523.com-彩票查询双色球预测| www.02cy.com-廊坊卖彩票在哪里| www.374627.com-足球彩票赔率计算器| www.632496.com-杏彩彩票-| www.725544.com-台湾福星彩现场直播| www.805326.com-七乐彩4十1中多钱| www.878252.com-腾讯分分彩刷量大底| www.966959.com-福彩甘肃快三今天的| www.cai9090.com河北快三走图| www.mg19.com-安徵快三时时彩| www.223558.com-500彩票即时比分| www.312811.com-鑫彩晨led显示屏| www.391918.com-彩吧3d胆码图| www.7186.biz-彩票税收是多少| www.34717.com-有关买彩票的句子| www.84567.com-七星彩新浪开奖直播| www.082528.com-118彩票软件平台| www.220180.com-福彩三d-| www.339211.com-海南七星私彩网站| www.wd3.com-大乐透彩宝业网| www.83yt.com-彩量科技官网| www.2746.org-福彩快三组合表格| www.367726.com-体彩刮刮卡中奖图片| www.552097.com-东京1.5分彩计划| www.728788.com-大连体彩中心电话| www.798258.com-海南省福彩兑奖地址| www.869579.com-鸿运彩票能提现吗| www.928960.com-福彩网软件合法吗| www.kj83.cc-易彩堂1主页| www.s44.cc-新用户可以领取彩金| www.076899.com-体彩代买-| www.939729.com-168彩票公司合法| 818合彩www.www.9889hc.com| www.fd06.com-玩彩有赢钱的吗| www.736817.com-上海市福利彩| www.9888.cn-国家管控竞彩| www.69553.com-金牌98c彩票网投| www.723385.com-江苏体彩中心地址| www.847237.com-古建牌楼彩绘图片| www.960492.com-3亿巨奖彩票| www.715114.com-竞彩足球任9玩法| www.794338.com-大掌柜彩票官网| 500彩票www.003895.com| www.690.org-c58彩票手机下载| www.4848.biz-v9彩票平台官网| www.660261.com-国彩注册网址| www.q72.cn-江苏快三必出号| www.50em.com-快三和值预测| www.0895.cc-合买彩票样本| www.76213.cc-温州福彩网征召| www.592327.com-彩票77苹果版下载| www.874803.com-3k彩票平台-| www.964693.com-彩票倍投计算机| www.me7.com-福彩七乐彩-| www.575812.com-乐福彩3d首页| www.318441.com-采乐乐彩票网|