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.488308.com-青海福彩快三改版| www.620036.com-在中国买美国彩票| www.711917.com-万豪彩票是真的吗| www.722279.com-爱彩乐是什么意思| www.jd12.com-中国体彩网官方唯一| www.b61.cn-福彩助手手机版| www.648.in-凯斯彩棉机-| www.619260.com-彩票破角可以兑奖吗| www.748601.com-中彩娱乐的二维码| www.848381.com-足彩竞彩结果| www.918854.com-澳门博彩税-| www.991024.com-彩神争霸网址是多少| www.cd83.com-亿彩彩票有猫腻吗| www.ub33.com-猜体育彩票术语| www.04cg.com-福利彩票直选怎么玩| www.387787.com-威发彩票-| www.506515.com-优信彩票我的账户| www.616787.com-亚彩会登陆最新版本| www.713862.com-彩乐乐湖北快三推荐| www.798132.com-吉林快三开奖app| www.872960.com-铜胆中彩专家| www.944577.com-上海金杨新村彩票店| 818合彩www.www.9889hc.com| www.781045.com-下载江西快三助手| www.882984.com-彩票原来是骗局| www.968430.com-三分时时彩开| www.ns3.com-河南福彩一定牛快三| www.558430.com-普通彩铅画-| www.657293.com-福彩3d组六号码表| www.737398.com-福彩三d今晚开奖号| www.891268.com-彩票号码统计器| www.970912.com-迷彩兔官方下载| www.im82.com-广西福彩官网投注站| www.21ll.com-足彩软件推荐| www.695660.com-足彩奖金计算方法| www.81084.com-网上即开型彩票骗局| www.270532.com-中国福彩七乐彩| www.199780.com-江苏快三开奖的结果| www.367731.com-彩票大奖号码| www.318521.com-高频彩票调整后销售| www.156035.com-彩票号码预测准确法| www.602552.com-网络彩票大小单双| www.747621.com-88大富豪彩票| www.835582.com-双色球中彩网500| www.917170.com-水溶彩铅画风景图片| www.981240.com-凤凰彩票登录| www.cw06.com-快三玩法和奖金| www.c33.vip-彩民福地易彩| www.694407.com-运盛娱乐彩票下载| www.620709.com-香港马彩网站| www.755209.com-福彩山地带线走势图| www.899615.com-天天彩票手机软件| www.994900.com-好彩堂四肖中特| www.la09.com-彩票28-| www.009688.com-彩膜怎么贴-| www.195432.com-上海快三预测专家| www.302450.com-贵州快三一天多少期| www.644728.com-彩票送88彩金平台| www.198368.com-时时彩两号对赌| www.297617.com-甘肃省体育彩票十一| www.8032.cc-创意水彩风景画| www.73371.com-彩圣网免费料大全i| www.281458.com-江苏虚拟足球e球彩| www.364866.com-360彩票網-| www.531905.com-没有彩排过的戏| www.670487.com-七星彩推荐号汇总| www.812770.com-福彩3d真难中| www.905451.com-世界杯的足彩怎么买| www.990427.com-分分彩官方网站| www.pf87.com-江苏快三专业计划群| www.179068.com-微信群里玩快三幕后| www.bc4.cc-湖北精彩10分开奖| www.939412.com-福彩四码遗漏| www.058857.com-彩99app靠谱吗| www.177702.com-湖北快三奖金怎么算| www.a86.club-彩虹伞玩法-| www.089610.com-重庆时时彩必输原理| www.919081.com-彩票站编号-| www.17333.cc-淘宝彩票怎么买| www.877310.com-七乐彩售票结束时间| www.391644.com-国富彩票是什么意思| www.336002.com-彩票顺口溜怎么说| www.608687.com-送28红包时时彩| www.807356.com-幸运彩票计划网| www.975812.com-四川福彩兑奖规则| www.7ny.com-彩铅情景画人物| www.2291.cc-彩票免费赠送彩金| www.95nk.com-多彩投怎么样| www.113771.com-安徽快三计划全天| www.2884.pw-彩票平台搭建出租| www.oe46.com-大陆平台彩票送彩金| www.092264.com-福建福彩领奖地址| www.8299.org-聚宝盆时时彩安卓版| www.171190.com-安徽体彩网十一选五| www.68872.com-盈彩国际-| www.451300.com-腾讯分分彩游规则| www.0780.xyz-港澳生肖彩手机版| www.hy16.com-和值快三计划| www.715227.com-网上彩票靠谱吗| www.790808.com-好彩三八-| www.333513.com-万能彩票公式| www.424646.com-彩乐瀑客服电话| www.410122.com-彩票一元购软件下载| www.669922.com-安装彩计划9cb| www.752411.com-3b彩票谜语-| www.599274.com-彩票奇怪选号| www.794006.com-体育彩票微信交流群| www.912708.com-六壬与奇门测彩| www.982845.com-福彩3d正版折线图| www.gh74.com-快三怎么才能回本| www.500925.com-少儿彩色画-| www.572195.com-任我赢彩票智能投注| www.629999.com-海南七星彩大奖梦册| www.685427.com-彩票之家3d| www.756521.com-投票彩票-| www.fh19.com-大发彩神ll8| www.58wd.com-福利彩票投注站任务| www.225789.com-倍投计算器中彩神| www.808725.com-彩票头等奖-| www.259157.com-福彩双色球随机选号| www.350527.com-5分彩开奖走势图| www.534460.cc-幸运七星彩开奖| www.605708.com-宝石彩票app| www.694365.com-头奖彩票群-| www.800766.com-三d报纸彩图| www.gv09.com-新韩国快三走势图| www.1306.com-体彩做假-| www.761714.com-时时彩牛牛开奖查询| www.365482.cc-彩铅画玫瑰绘画教程| www.oh45.com-福彩双色球百度贴吧| www.720978.com-天码马彩票-| www.884184.com-黑客攻击彩票网站| www.824461.com-福建丹青快三| www.961728.com-郑州福彩中心电话| www.jv2.com-河南快三走势及预测| www.767192.com-青蛙彩票开奖现场直| www.019445.com-六会彩即时开彩下载| www.502183.com-买体育彩票技巧| www.41654.com-如意网彩网-| www.001472.com-金冠彩票app下载| www.500088.cc-久久彩票提现多久到| www.745892.com-大彩网3b走势图| www.858978.com-上期的体彩中奖号码| www.o67.com-彩票中奖了怎么领取| www.722044.com-中国足彩网进不去| www.8141.biz-中国体彩网中奖故事| www.30962.com-神彩通是真的吗| www.254281.com-好彩0567骗局| www.677478.com-8k彩票平台-| www.183986.com-河北燕赵福彩网| www.68cj.com-彩票软件哪个最好用| www.5593.pw-凤凰彩票打不开| www.218724.com-百胜彩票官网| www.323865.com-聚鑫乐彩-| www.134474.com-南通体彩店怎么申请| www.220413.com-吉林体彩11-| www.300110.com-快三安徽形态走势图| www.378779.com-学生中体彩-| www.504811.com-座谈来彩排-| www.259263.com-福彩快乐十分选号器| www.356184.com-彩票自动追号计划表| www.809618.com-长沙福利彩票店转让| www.886123.com-神州重庆时时彩| www.0491.xyz-万彩吧彩票网站|