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天

知道了
亚洲28 www.f16.xyz-中国福彩双色球走势| www.wh00.com-甘肃逸彩快三走势图| www.03ix.com-体彩开奖日期表| www.ok08.com-江苏福彩快三跨度| www.32650.com-淮安彩票店-| www.8606.vip-新利彩票网址| www.8016.vip-亲子游戏彩虹伞| www.845.me-小鹿时时彩分析器| www.074.cn-彩之云注册-| www.026712.com-彩票兼职是骗局吗| www.019982.com-在线购彩票-| www.058098.com-乐彩11选5-| www.381428.com-足彩结果查询任九| www.538883.com-福彩在线正规吗| www.580856.com-强力球彩票玩法| www.589081.com-中彩体育是什么东西| www.665691.com-乐彩客客户端| www.699505.com-新浪爱彩切换| www.786252.com-彩票只有体彩福彩吗| www.863614.com-高手彩网-| www.797180.com-凤凰vi彩种-| www.14mm.cc-彩票群英会怎么玩| www.881097.com-网络彩票黑平台排名| www.542820.cc-网上达人彩票| www.720669.com-福彩的老师怎么赚钱| www.672959.com-排三排五乐彩论坛| www.561321.com-体彩复式投注计算器| www.548448.com-七星彩局王规律表| www.730378.com-鸿彩网骗局-| www.987730.com-下载彩乐彩票网| www.ug9.cc-百宝彩票快3| www.53te.com-30选7七乐彩玩法| www.8445.loan-中国足彩胜平负| www.306418.com-网上买足彩的app| www.432037.com-家彩网开奖查询| www.657919.com-599彩票下载安装| www.cp2859.com-福彩快三的打法| www.926338.com-彩77安卓版下载| www.981245.com-8号彩票做兼职行吗| www.cp7977.com-江苏快三是骗人的吗| www.tn0.com-快三遗漏号查询安徽| www.vx58.com-快三能赢吗-| www.000.red-至尊争霸彩票官网| www.035963.com-梦想彩票站首页| www.762357.com-87彩下载地址| www.762813.com-彩票投注站秒速| www.cai5377.com长春快三高级玩法| www.8008.cm-彩票有哪些比较简单| www.086393.com-彩客彩票307旧版| www.090076.com-彩票玩家去哪里找| www.362162.com-9万彩票官网苹果| www.018093.com-彩71彩票怎么玩| www.867422.com-家彩网杀号-| www.805183.com-七星彩七乐彩区别| www.793379.com-赌博送彩金-| www.863819.com-159彩票网下载| www.062218.com-万彩平台提现不了| www.521717.com-网上玩时时彩会抓不| www.496098.com-香港特区彩票网站| www.869736.com-爱尔兰彩票开奖结果| www.962978.com-中国体彩票-| www.cp55.com-福彩快3软件| www.p54.net-福建福利彩双色球| www.398875.com-千军万马长条七星彩| www.737312.com-辽宁快三彩票怎么玩| www.862787.com-七乐彩开奖走势| www.979872.com-商丘快三彩票| www.68428.com-新加坡天天彩资讯绪| www.31lz.com-彩票奇门预测方法| www.iu45.com-竞彩足彩胜负平| www.671283.com-彩办公大师-| www.166063.com-福彩3b开奖查询| www.265397.com-双彩网首页-| www.6325.xyz-红牛娱乐彩票| www.zv88.com-彩81彩票app| 快彩www.81678v.com| www.880919.com-快三跟计划怎么稳赚| www.757527.com-乐彩可靠吗-| www.844110.com-体彩足球胜负开奖| www.bg26.com-私彩网站-| www.542421.com-河北彩未图片| www.725965.com-阿里彩票3d-| www.1rc.cc-绝望时买彩票都不中| www.0631.name-易彩下载下安装| www.8666.me-新福彩3d字谜总汇| www.1337.mobi-正版澳门老鼠彩报| www.03455.com-如何戒了彩票| 中国福利彩票www.08588p.com| www.214601.com-靠谱的网络彩票平台| www.635625.com-7乐彩开桨结果| www.323381.com-海南七星彩头尾码王| www.377216.com-时时彩年后开奖时间| www.234195.com-快三彩票群-| www.t62.club-88888彩票-| www.84yf.com-彩票代购软件排行榜| www.54848.com-99彩票平台app| www.242490.com-广西快三遗漏号| www.900070.cc-快三二同号推荐| www.169789.com-河南快三开奖直播| www.588070.com-竞彩比分最多串几场| www.553175.com-足彩五串一错一场| www.126943.com-乐彩网最新相关文章| www.242365.com-手机破解彩票软件| www.300307.com-快三投注计划图表| www.117843.com-彩票查看中奖结果| www.020498.com-黔南州体彩中心| www.119830.com-福利彩票数字3| www.287822.com-快乐彩票江苏快三| www.260162.com-彩票兑奖-| www.411899.cc-手机怎么查彩票开奖| www.545767.com-申请福彩销售点| www.485522.com-彩票代购最新排行榜| www.227638.com-福彩一分快三| www.85jc.com-竞彩每天几点开售| www.903561.com-星光彩票官网| www.341638.com-吉林快三微信| www.910629.com-甘肃快三和尾走势图| www.879855.com-大发彩票是不是黑网| www.297052.com-一分快三怎么能回本| www.tz52.cc-竞彩全国推荐擂台赛| www.052913.com-买彩网正规吗| www.074655.com-彩6下载平台| www.096599.com-南昌福彩-| www.58525.com-速彩通app-| www.121973.com-福彩头奖是内定的吗| www.701998.com-福利彩票天天彩选三| www.503802.com-梦想彩票站计划网| www.582160.com-彩879平台靠谱吗| www.du60.com-彩神大发快三规律| www.967498.com-网易彩票软件| www.cg00.com-怎么看极速快三走势| www.7723.me-二分钟彩票-| www.65539.cc-炫彩界面库破解| www.645394.com-手游彩坑了多少人| www.993335.cc-足彩胜负计算公式| www.cp7287.com-福利彩票内蒙快3| www.981871.com-福彩3d组选杀号| www.lm3.cc-快三赢钱的技巧规律| www.577456.com-吉林福彩快三下载| www.cp652.com-秒速快三开奖走势图| www.zb38.com-五福彩票网站五福彩| www.9267.xyz-手机体彩注销流程| www.878331.cc-易彩网用户登录| www.816991.com-彩票星期四开奖结果| www.751672.com-微信上的中彩| www.813154.com-福彩十二选五开奖表| www.873679.com-体彩3d开奖结果| www.314423.com-彩票攻略中奖秘籍| www.b87.club-江西红快三专家预测| www.562234.com-江苏快三智能推荐号| www.622625.cc-中发彩票破解方法| www.68ti.com-酷彩3d相册-| www.2067.me-旺彩3d胆码-| www.975748.com-河南周口太康县彩礼| www.ay3.cc-彩票双色球走势图| www.81gv.com-体育彩票大乐怎样卖| www.63bv.com-能手机下载的才彩票| www.94yo.com-打击快三私彩| www.117637.com-足球彩票十四场分析| www.43527.cc-中华彩票双色球字谜| www.309410.com-体彩七位数怎么算的| www.360278.com-体彩球赛怎么买| www.345044.com-福彩销售网点查询| www.435504.com-大公鸡七星彩软件|