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.700243.com-星际彩票大发快三| www.091081.com-和值快三计划软件| www.632635.com-七彩视界账号注销| www.954655.com-外国彩票app| www.su03.com-计划时时彩qq群| www.55it.cc-七星彩早版或加急| www.559835.com-7788彩票收藏| www.189051.com-1分快三怎么玩稳赚| www.390963.com-怎样手机投注彩票| www.530383.com-幸运彩票助手下载| www.693331.com-爱乐透彩票网app| www.791418.com-上一期福彩中奖号码| www.935601.com-彩票红包群-| www.sp02.com-主播彩票-| www.jl56.com-彩票群注册送彩金的| www.857660.com-彩之源网站下载| www.401678.com-网易彩票资金安全吗| www.573221.com-吹吹七星彩-| www.737172.com-上海体彩七星彩| www.845996.com-博纳彩票是合法的吗| www.fq27.com-至尊快三app| www.36096.com-苹果彩票aqq| www.860729.com-好彩蓝莓爆珠条形码| www.003427.com-顺盈彩票合法吗| www.129048.com-福彩网官方彩下载| www.008947.com-吹吹七星彩交流专区| www.279.cm-彩妆高档品牌| www.824023.com-幸运时时彩网站| www.254194.com-福彩快三倍投方案| www.368062.com-彩芽天然好奇心中| www.549211.com-360篮球竞彩网| www.766269.com-福彩三地试机号今天| 尊彩www.082985.com| www.773503.com-台湾时时彩(国办)| www.31167.com-时时彩官方网站平台| www.328206.com-福彩3d形态论坛| www.447883.com-下载老徐说彩| www.563456.com-3d彩经大全-| www.653687.com-亚洲合法彩票| www.733896.com-彩米图片-| www.826584.com-葡京彩票靠谱吗| www.918110.com-新彩票快三开奖查询| 500万彩票www.39500a.com| www.361890.com-体彩乐透-| www.451718.com-信彩票网站-| www.551685.com-大乐透购彩网| www.618656.com-全红彩票app下载| www.684665.com-福彩3d中奖怎么兑| www.759079.com-腾讯分分彩助赢软件| www.833937.com-赔率最高彩票平台| www.904978.com-明星彩票快三合法吗| www.972874.com-足球彩客网-| www.wl3.cc-澳洲5分彩开奖| www.762039.com-竞彩足球最好的软件| www.85529.com-彩票创始人-| www.54897.com-厘模式彩票平台| www.894805.com-双色球彩票中奖情况| www.023298.com-五分彩怎么玩法介绍| www.12mi.com-九州彩票怎么样| www.4848.cc-彩票怎样买能中大奖| www.vc60.com-49彩票网址是多少| www.71kq.com-杭州恒彩装饰官网| www.3311.vip-最全彩票走势图| www.37444.com-凤翔彩票平台| www.82358.cc-杭州快三开奖| www.590268.com-长沙体彩在哪里兑奖| www.683695.com-779彩票平台| www.412351.com-足彩分析预测足彩| www.6337.org-顺亿彩票是真的假的| www.996947.com-乐盈彩票登入| www.y88.loan-彩漫福利百度贴吧| www.831145.com-世界十大彩票平台| www.931557.com-辽宁福彩电话投注| www.cai8156.com湖北福利彩票走势图| www.224025.com-福彩站赚钱吗| www.385002.com-黑龙江彩票之王| www.412612.com-福彩3d猜2d规则| www.999024.com-吉林快三豹子| www.032458.com-福彩网彩票代理| www.01476.com-棋牌送彩金60| www.384756.com-搜索福彩3d开奖号| www.479333.com-宁波彩票店生意转让| www.552544.com-彩票世界app下载| www.817168.com-比分开奖澳客彩票| www.911703.com-福彩新3d玩法| www.974417.com-体彩扑克3预测| www.cai2882.com北京福彩快三形态图| www.060789.com-彩票高手追号计划| www.272237.com-彩经网双色球杀号| www.68717.cc-廊坊鸿运彩票网| www.44uh.com-新彩票黑平台| www.67wj.com-彩色混凝土哪里买| www.094323.com-彩吧中国-| www.759231.com-中国福利彩票大乐头| www.vr4.cc-华人彩票—官方网站| www.365533.com-城市画图片大全彩铅| www.xn64.com-甘肃快三玩法介绍| www.567043.com-彩票真实性有多少| www.777481.com-彩八仙苹果-| www.423360.com-张星彩皮肤-| www.0310.xyz-彩创天地手工陶艺| www.560596.com-云彩网彩票正规吗| www.5346.cm-微信彩票竞猜夹娃娃| www.632889.com-力彩电子-| www.806906.com-彩票作废叫什么| www.899788.com-御彩轩计划app| www.984407.com-神童免费资料中彩网| www.gt88.com-买彩票网站-| www.33fo.com-体育彩票春节| www.92ps.com-认识个女的让玩彩票| www.587508.com-互联网售彩2019| www.657195.com-广州时时彩-| www.721507.com-彩是什么数字组成的| www.788490.com-竞彩比分推荐唯看| www.843061.com-现在福彩主任是谁| www.890072.com-有哪些正规彩票网站| www.947343.com-福彩3d30期基本| www.982910.com-河北福彩下载安装| www.cai5399.com吉林省体彩中心| www.961957.com-最近手机彩票app| www.84366.cc-足彩必发凯利500| www.867800.com-彩神通今日快报| www.b64.win-江西乐彩-| www.968242.com-一分彩要怎样才算中| 幸运彩票www.673166.com| www.lb56.com-中奖彩票软件| www.zs29.com-竞彩足球比分计算器| www.516606.com-魔方彩票辅助工具| www.63iy.com-篮球精彩网-| www.853866.com-365彩票怎样| www.381914.com-体彩站生存状况| www.598019.com-网络上买大小的彩票| www.685805.com-银彩通-| www.764686.com-778彩票下载| www.821850.com-体育彩票兑奖码| www.881168.com-赢家彩票邀请码多少| www.948630.com-体彩排列三组远| www.997482.com-快开彩票陕西| www.cq38.com-彩神软件靠谱吗| www.tm91.com-三d彩吧图谜第一版| www.fk82.com-福彩appapk-| www.d24.net-七星彩论坛开奖结果| www.944163.com-大发云致富彩票| www.zd4.com-福利彩票3d开奖| www.92628.cc-中国体育彩票一定牛| www.062247.com-福彩双色球领奖期限| www.mj.cc-老盘足彩-| www.300814.com-彩票下注-| www.375389.com-海南七星彩视频直播| www.0059.top-彩票什么种类| www.5188.pw-天津体彩即开型彩票| www.173210.com-玩快三怎么才能赚钱| www.247365.cc-湖北快三开奖结| www.317720.com-吉林快三3g-| www.369982.com-酷彩锅怎么分辨真假| www.9959.cm-青海省彩礼排名| www.951084.com-500足彩数据| www.583732.com-彩票走势图没有更新| www.716879.com-手绘彩铅画星空教程| www.867543.com-七星彩廉江高手论坛| www.13875.cc-彩票跟计划投| www.52957.cc-黑彩平台搭建一条龙| www.692940.com-福彩帐号平台下载| www.td09.com-玩彩票足球赢钱大吗|