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.f40.xyz-彩票2元网手机版| www.75051.com-十元刮刮乐彩票种类| www.087211.com-湖北彩礼-| www.191211.com-安徽福彩快三开奖号| www.786393.com-百博海南七星彩网址| www.878725.com-江西体育彩票中心| 500彩票网www.61655v.com| www.118729.com-福彩中奖条件| www.808336.com-举报黑彩能追回| www.15iv.com-河北福彩快三中奖| www.31863.cc-动态澳彩足球赔| www.293563.com-河南省体彩网| www.601703.com-80彩票靠谱吗| www.874939.com-优游彩票登陆| www.37tn.com-中国竞彩网| www.900019.cc-河南福彩网首页河| www.qe55.com-下载7彩网-| www.454466.com-酷彩吧与奖多多下载| www.593601.com-黑龙江七彩云官网| www.706566.com-新体育彩票走势网页| www.828216.com-提现快的彩票平台| www.904062.com-老彩票网站平台| www.982711.com-67彩票平台-| www.gx10.com-郑州快三奖金规则| www.11tc.com-彩天下是真的假的| www.182646.com-彩票赌博犯法吗| 亿龍彩票www.1368q.cc| www.180234.cc-博众快3彩票软件| www.358460.com-怎么买福利彩票两元| www.538663.com-三d家彩试机号| www.3275.biz-r中彩网-| www.263965.com-彩票新规收入下降| www.639401.com-体彩设备押金多少钱| www.871352.com-五福彩彩票-| www.uc66.com-免费下载全民彩票| www.188002.com-玩时时彩输了| www.83938.cc-柘城县彩礼-| www.9pe.com-排三彩宝贝开奖| www.198203.com-快乐彩开奖号码| www.5849.vip-体彩排3跨度振幅表| www.84899.com-大连市福彩中心| www.152786.com-彩富高手一肖免费| www.63619.com-足彩反买技巧| www.929326.com-七星彩奖金计算| www.cp95.cc-快三开奖结果河南| www.rw74.com-吉林快三计划独胆王| www.wc11.com-玩快三赌博欠债| www.278754.com-彩票预测靠谱吗| www.9522.online彩钢夹芯板规格| www.055567.com-申请福利彩票店难吗| www.177398.com-幸运快三出号规律| www.329677.com-彩票史最高奖金| www.426428.com-3d彩票预测大师| www.609197.com-香港跑马派彩| www.740345.com-易盈彩票官网下载| www.246.club-快三两码-| www.12681.com-彩票几天-| www.064708.com-什么彩票平台稳定| www.164094.com-时时彩后三容错技巧| www.925464.com-彩6下载手机版| www.998978.com-五分快三开奖规律| www.388470.com-买单双的彩票是什么| www.709567.com-河北快三计划网页| www.764300.com-天下彩下载-| www.555949.com-美狮彩票经销商| www.301299.com-内蒙古快三冷号| www.711992.com-离婚彩礼钱怎么办| www.44ks.com-江苏快三共多少期| www.2125.net-盛兴彩票平台| www.365460.cc-简单校园风景彩铅画| www.952097.com-北京五分彩官网开奖| www.n97.cc-玩彩票的心态名言| www.803660.com-双色牛彩藏机图| www.335382.com-网罗爱彩双色球| www.68723.cc-9购十分彩合法吗| www.026095.com-火箭彩票网打不开| www.120156.com-彩票app启动图| www.195331.com-9彩彩票-| www.275585.com-168彩票太假了| www.350317.com-彩票78500-| www.414613.com-网上彩票代购| www.516687.com-快三跨度表速查表| www.585061.com-66好彩分分彩| www.647447.com-足彩14场吧-| www.879433.com-安全合法的彩票平台| www.443131.com-网易红彩指数| www.882507.com-彩色近照是什么底| www.894761.com-彩票试机号今天全国| www.50jl.com-14场足彩胜平负| www.023045.com-彩报中心彩图| www.251560.com-福利彩票跑马怎么玩| www.207633.com-彩票01下载-| www.408445.com-彩妆品牌代理| www.317290.com-玩时彩输了六十万| www.061819.com-彩客网中国竞彩网| www.538785.com-淼鑫彩票网-| www.631291.com-七星彩对奖表| www.ow4.com-体彩19035-| www.26594.com-七星彩彩票看不懂| www.15371.com-彩铅简笔画-| www.6932.shop-七彩官网-| www.99293.cc-2d福彩奖金规则| www.330506.com-今日选四天天彩开奖| www.bn31.com-下彩彩票app| www.019765.com-彩之星快三官网| www.11498.com-体彩二维码出票| www.3063.cn-怎样找回彩视账号| www.226863.com-大众彩票有人带玩| www.412022.com-彩票复制-| www.756234.com-七星彩17155期| www.851872.com-足彩任九销售额| www.926909.com-彩31选7-| www.976287.com-查询彩票双色球开奖| www.cl9.cc-江苏快三三军| www.nq07.com-体彩选号助手下载| www.e70.me-nba彩票吧-| www.954737.com-体育足球彩票玩法| 大赢家彩票www.599436.com| www.102614.com-购买福彩-| www.184669.com-北京福彩快3千期图| www.268143.com-我想买彩票总么买| www.352338.com-一出好戏的彩票号码| www.1117.pw-胡家乐福彩助学| www.052813.com-四场进球彩-| www.242233.com-彩票霸主软件| www.356520.com-足彩九场胜负彩| www.612455.com-aqq彩票榜-| www.537228.com-中彩票的下场| www.288727.com-竞彩比赛补赛怎么算| www.410072.com-幸运彩票骗局| www.540121.com-5星时时彩在线缩水| www.636384.com-彩虹4无人机实战| www.625321.com-顺盈彩票客服电话| www.822793.com-篮彩大小分算加时吗| www.65311.cc-青海省中国福利彩票| www.085017.com-星空彩票ios版| www.150191.com-体彩站点怎么申请| www.229151.com-36选7好彩三开奖| www.289867.com-彩票大赢家预测推荐| www.3549.vip-福彩3d九宫格图| www.879681.com-银川仟彩摸吧视频| www.982338.com-日本彩票中奖规则| www.gl03.com-众彩彩票下载网站| www.252590.com-中彩网计划群| www.852206.com-福建体彩十一选5| www.931666.com-众盈网彩票安全吗| www.976376.com-新郑彩礼多少| www.ps8.com-快三开奖结果双吉林| www.876340.com-时时彩骗局经营模式| www.cai3977.com安徽快三遗漏数据| www.27rx.com-彩民算不算赌徒| www.097602.com-体彩排列五几天开奖| www.72929.com-长沙彩票事件| www.281232.com-下载时时彩开奖| www.485655.com-快8彩票网-| www.880210.com-优乐彩手机开奖| www.ix9.com-福彩3d五行走势图| www.024655.com-彩票的积分卡号| www.298337.com-彩票开奖结果7| www.143330.com-彩运8怎么赚钱| www.160667.com-乐彩网工具图表下载| www.3754.com-经典彩版利民| www.95fg.com-三地走势图彩经网| www.821533.com-福彩3d图总汇|