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.853533.com-彩票头条网址| www.958830.com-彩票春节后几号开始| 凤凰彩票www.77801c.com| www.943152.com-福利彩票领奖地址| 全民汇彩票www.52303g.com| www.451313.com-优游彩票ub8| www.557052.com-创意线描水彩范画| www.440680.com-彩票店潘攀-| www.557524.com-彩票中奖交税过程| www.654338.com-玩易彩-| www.786009.com-xs原彩要不要开| www.874760.com-亚博彩票官网下载| www.960258.com-淘彩app合法的吗| www.kp2.com-安徽快三下载苹果| www.322355.com-职业彩票高手怎么玩| www.1744.tv-博胜彩票网投领导者| www.620095.com-釉上彩怎么画视频| www.804316.com-哪个网址能买彩票| www.968049.com-中央巡视彩票| www.zp44.com-快三半顺是什么意思| www.556971.com-国家禁止网上买彩票| www.05xj.com-顶级水彩颜料牌子| www.61258.com-众彩网预测总汇| www.52rn.com-现在什么彩票开奖快| www.240566.com-彩铅画古风-| www.419113.com-时时彩人为控制出号| www.893931.com-爱投彩票下载| www.971605.com-彩88彩票开奖查询| www.cai3928.com快三该怎么玩| www.520845.com-微信彩票时时彩群| www.791229.com-今天福彩开什么奖| www.122100.com-英国彩票开奖号码| www.261275.com-快三和值倍投方案| www.yi43.com-彩票榜计划官方下载| www.33071.com-腾讯一分彩官网| www.048822.com-今天2鱼玩彩独胆| www.38265.com-多盈彩手机版| www.ug65.com-彩票中奖兑奖期限| 500彩票www.3126a.com| www.23xm.com-c558彩票平台| www.3318.biz-看彩票下什么软件好| www.61195.cc-彩17官网-| www.oz22.com-宁夏福利彩票| www.55aa.com-彩王之巅直选五注| www.5390.com-手机能买彩票快3么| www.38517.com-官方彩app网站| www.933755.com-几分钟开奖的彩票| www.988581.com-竞彩三个月挣一千万| www.om3.cc-彩票计划软件9cb| www.131408.com-四川彩礼20万多吗| www.710118.com-彩票首存送彩金| www.839192.com-彩70彩票可靠吗| www.855363.com-彩票中奖真实事件| www.380221.com-彩红代刷网快手| www.501930.com-深圳宏达彩-| www.483932.com-足彩比分竞猜规则| www.399153.com-七星彩豹子号图片| www.575582.com-体彩61几点停售| www.664701.com-油性彩铅画入门教程| www.751472.com-新浪彩票佬牛解盘| www.829530.com-彩聊-| www.890071.com-网上彩票平台合法吗| www.969078.com-天天彩票网安全吗| www.fm99.com-5oo彩票网比分| www.3jh.cc-彩票306定投| www.486364.com-足彩半全场中奖规则| www.676281.com-彩票榜的网址| www.782525.com-吉林市福彩11选5| www.1657.vip-万彩吧大乐透走势图| www.33102.com-体彩大乐透十一选五| www.029066.com-重庆时时彩开奖公告| www.5za.com-龙彩票app-| www.261215.com-足彩竞彩网任九| www.93ln.com-体育彩票业中外对比| www.412214.com-彩票刮出100万| www.923578.cc-七星彩彩宝贝| www.cp7977.com-江苏快三是骗人的吗| www.9747.cm-大乐透重号彩宝网| www.k18.vip-南洋福利彩开奖结果| www.1449.cm-1分时时彩计划| www.134862.com-龙彩色简笔画| www.924959.com-穷人买彩票希望| www.984941.com-开心聊彩运8| www.al23.com-网上购买双色球彩票| www.183610.com-河南快三一定牛遗漏| www.260097.com-网赌福彩快三| www.706623.com-易彩堂邀请码大全| www.470101.com-国内怎么买国外彩票| www.82972.com-河北邢台福彩中心| www.08vh.com-体彩排三19053| www.561291.com-湖北快三大小| www.663851.com-cba篮球彩票| www.755641.com-中华彩票双色球字谜| www.853285.com-幸运彩票提现失败| www.922258.com-约彩彩票吧-| www.977405.com-兰考订婚彩礼| www.ok08.cc-快三十大口诀| www.5bh.cc-查彩票双色球怎么查| www.553796.com-熊猫在哪里竞彩| www.889549.com-全民汇彩票app| www.972056.com-福彩被破解-| www.870287.com-福彩3d计算器| www.230899.com-众彩网赵公明预测| www.672945.com-f一选五浙江彩票| www.773067.com-微信彩票群是骗局吗| www.478543.com-彩票研究计算方法| www.320448.com-91彩票官网-| www.342198.com-彩票256提现不了| www.468541.com-8g彩票-| www.605393.com-众彩网论坛是真的吗| www.796401.com-上海体彩中心照片| www.973576.com-怎么卖海南七星彩| www.94jz.com-欧州彩票开奖号码| www.271597.com-快三012路-| www.73880.com-福彩3d开奖试机号| www.042225.com-福彩标语广告| www.95545.com-天天中彩票不让提现| www.072410.com-讧苏快三走势图| www.155266.com-竞彩玩法讲解| www.803804.com-乐彩网首页l| www.871742.com-福彩刮刮乐自助兑奖| www.925495.com-旭彩快三的规律| www.970620.com-河北快三开奖时间表| 中彩网www.91233p.com| www.cb13.com-河南福彩快开彩| www.9641.loan-体彩排列三老吉杀号| www.259328.com-青海福彩兑奖地址| www.690018.com-快三是彩票-| www.463353.com-金海特彩票网3d| www.550560.com-火星彩票网页| www.636188.com-彩虹六号无人机| www.698019.com-6和彩生肖开奖结果| www.765430.com-速8彩票是骗局吗| www.824625.com-体彩大乐透机选5注| www.884817.com-如何研究彩票走势| www.939123.cc-699彩票官网安卓| www.977365.cc-福彩3d定位胆技巧| 众彩www.580671.com| www.gh09.com-彩民新闻-| www.m71.net-体育彩票输钱| www.46xb.com-中博国际彩票| www.2225.net-体彩11选5大彩鲸| www.36ev.com-海南七星彩画规律表| www.099.cm-ee彩是真的吗| www.4325.org-安阳福彩兑奖中心| www.9255.com-乐事彩票下载| 中国福利彩票www.33588c.com| www.634844.com-七彩曜变建盏的特点| www.637782.com-七彩虫子-| www.713381.com-福彩3d牛人-| www.828568.com-强力球彩票开奖| www.915578.com-玩彩红人独胆| 大赢家彩票平台www.671075.com| www.2605.com-体彩十一运夺金规则| www.06md.com-用彩铅画星空的过程| www.lp95.com-中彩网钱提不出来| www.x16.org-福建体育彩开奖号码| www.ni26.com-竞彩交易量-| www.150014.com-国家彩票有哪些| www.328980.com-双色球牛彩预测| www.444835.com-今天彩宝网开机号| www.889620.com-凤凰彩世界合法吗| www.935695.com-安徽体彩超级大乐透| www.100994.com-时时彩最佳反倍投法|