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天

知道了
9彩注册 www.324236.com-青岛福彩中心地址| www.444524.com-中国福利彩票六加一| www.552043.com-爱彩乐有多少用户| www.157333.com-好彩店彩票可靠吗| www.506533.com-福彩三地字迷| www.602078.com-六安彩票店转让| www.695097.com-分分彩有什么平台| www.788335.com-胜负彩19039| www.981408.com-足彩任九投注新浪| www.jh70.com-发彩网是正规的吗| www.678149.com-彩票店加盟电话| www.902408.com-查彩票开奖公告| www.qa.com-吉林省福彩中心| www.09wz.com-三分时彩app| www.08598.com-江苏新福彩快三号码| www.628939.com-怎么下载赢彩吧| www.459888.cc-体彩胜负彩怎么玩法| www.373763.com-在手机上怎样买彩票| www.552249.com-体育彩票心存梦想| www.678008.cc-3d走势图南方双彩| www.841505.com-福彩改企业-| www.975426.com-福快三-| www.i48.cn-连红彩票app入口| www.1772.net-上海快三骗局| www.39965.cc-9w彩票app-| www.ns81.com-福彩3d输几十万| www.13933.cc-彩票有私人的吗| www.241264.com-七星彩有啥玩法| www.40671.com-幸运中福彩软件| www.002193.com-七乐彩如何兑奖| www.177846.com-快三和值三角图| www.13208.com-竞彩游戏规则| www.34sc.com-青海七星彩大奖| www.999978.com-易彩3d彩票-| www.zm61.com-彩调双彩莲-| www.256978.com-福彩3d杀号技巧| www.25708.com-巨彩彩票jc-| www.98gg.com-名人在线的彩票| www.04443.com-哪个软件还能买足彩| www.ix16.com-辽宁全运彩-| www.098211.com-3d福利彩票图纸| www.205978.com-电竞博彩app| www.280433.com-彩乐网报码-| www.393270.com-彩票开妜-| www.736613.com-上海市体彩中心| www.6248.tv-五福彩彩票官网| www.36223.cc-体彩十期数据试机号| www.183488.com-彩票大小规律| www.223338.com-足球彩票下载| www.496405.com-黑彩平台怎么盈利| www.16474.com-c07彩客网正规吗| www.879500.com-多乐彩怎么玩| www.999184.com-江苏e球彩胜负玩法| www.pm86.cc-3d牛彩采摘网| www.6326.cm-福彩购彩客户端| www.46727.com-彩票站可以过户| www.37872.cc-彩票77是正规的| www.211109.com-安徽快3彩票倍投| www.018558.com-彩票分析软件破解版| www.104165.com-中国彩是正规的吗| www.177658.com-北单足彩-| www.253814.com-老时时彩开奖时间表| www.420099.com-今日竞彩胜平负温胆| www.547861.com-排三乐彩网开奖号| www.5177.org-韩国彩票最大奖| www.42467.com-购彩之家首页| www.19823.cc-玩私彩走火入魔| www.555433.com-七乐彩分区走势图| www.632486.com-七星彩重奖规则| www.491260.com-黑彩女业务员| www.9699.wang-彩票实体店行业发展| www.737246.com-谁知道众彩彩票网站| www.852979.com-头彩彩票下载| www.934518.com-中彩在线时时彩平台| www.983361.com-彩31彩票领导官网| www.cp9773.com-宁夏快三的走势图| www.nv78.com-微信可以玩的彩票| www.062528.com-破解彩票漏洞犯法吗| www.6507.org-开彩票盘需多少钱| www.191579.com-内蒙古快三规则| www.299848.com-彩票快三助手app| www.500400.cc-f彩网有保障吗| www.655317.com-七星彩软件破解| www.933228.com-买彩票最多的省份| www.ra9.com-33彩票app下载| www.0900.net-如何线上买福利彩票| www.206278.com-乐点大发彩票| www.033066.com-320彩票-| www.843422.com-姜山胜负彩冷门推荐| www.616089.com-噢百万彩票-| www.25998.cc-彩虹的爱情寓意| www.cp1919.com-快三稳赚技巧| www.706696.com-有没有玩私彩成功的| www.1338.in-投注体育彩票软件| www.00053.com-汇力彩色印刷包装| 91彩票www.9155b.cc| 网易彩票www.163135.com| www.20wo.com-贴吧彩票吧-| www.5361.cn-福彩3d破解软件| www.67dz.com-日本人天体彩绘图| www.82qt.com-红五彩吧-| www.043821.com-678彩票客户端| www.nf82.com-老版乐米彩票| www.377798.com-彩票站低价转让| www.946626.com-松原快三开奖走势图| 凤凰彩票www.77801f.com| www.185803.com-三分快三技巧| www.259508.com-快三赌博犯法么| www.329231.com-福彩3d今晚-| www.843489.com-第34期彩票-| www.660898.com-南方彩票开奖号码| www.776394.com-乐乐彩平台-| www.zg50.com-快购彩票3期| www.283.live-怎样购买七星彩票| www.29654.com-香港马会彩票中心| www.3py.cc-华宇京彩软件| www.288988.cc-腾讯快三资料| www.33qg.com-百合花彩铅画图片| www.3618.la-天天彩骗局揭秘| www.110696.com-梦解七星彩号码查询| www.237171.com-福彩双色球开奖查询| www.333291.com-足彩缴税规则| www.v21.in-玄武彩票骗局| www.81io.com-新彩网试机号| www.51sj.com-?利彩的结果| www.1889.shop-3d福彩一字谜总汇| www.7060.pw-易网彩票开奖信息| www.667937.com-百乐城彩票-| www.465202.com-18096期足彩| www.598023.com-彩票站买什么赚钱| www.ot01.com-财新彩app-| www.33552.com-快三今天的好| www.32993.com-南京市体育彩票领奖| www.114017.com-福彩3d千禧试机号| www.7929.xyz-一定牛快三湖北| www.58244.com-彩乐园ll下载| www.497618.com-pk10彩票平台| www.191605.com-彩票走势图大全表| www.613580.com-买彩票的群-| www.706414.com-时时彩在线预测网站| www.807146.com-彩博士官网手机网| www.mq78.com-江茹福彩快3| www.151612.com-下载牛蛙彩票软件| www.617595.com-万州体育彩票销售点| www.687348.com-湖南体彩排三| www.757144.com-创富彩票可以玩吗| www.812508.com-福彩中奖秘诀| www.869838.com-唯彩会彩票苹果版| www.917587.com-海口七星彩投注站| www.964852.com-168彩票正版资料| 福彩www.86267d.com| www.0613.cm-天天竞彩-| www.8720.in-韩职联足彩-| www.139179.com-天天中彩票福利版| www.221039.com-彩神3-| www.272063.com-快三外挂软件下载| www.353743.com-凤凰网3官网彩票| www.424977.com-青岛七彩筒灯| www.518363.com-乐彩关注码历史记录| www.597282.com-奇妙时时彩软件下载| www.659844.com-远途国际彩票app| www.756909.com-分彩-| www.826787.com-98c彩票线路导航| www.896832.com-华宇彩票挂机|