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.345651.com-正彩彩票手机版下载| www.741163.com-体彩福彩有什么区别| www.2538.cc-饰彩的是怎么解释| www.118712.com-彩票宝提现失败| www.112079.com-彩站宝竞彩推荐| www.432874.com-炫彩cp稳赚团队| www.807899.com-中国体彩直播现场| www.272756.com-体彩玩法种类| www.411385.com-彩票开奖哪里直播| www.517652.com-七乐彩开机号查询| www.400022.com-彩票开奖查询27期| www.575400.com-福利彩票大奖得主| www.34447.com-智能预测彩票| www.974083.com-闪蒙快三-| www.680534.com-澳门银河彩票排行榜| www.455522.com-买彩票能戒掉么| www.69cr.com-皇冠集团投彩| www.535765.com-彩票的投注方式如下| www.oj83.com-保定快三开奖号码| www.495996.com-篮球博彩能买吗| www.043444.com-广西体彩网官方网| www.817635.com-海南福利快三| www.68999.com-分分彩定位胆怎么玩| www.di55.com-体育彩票种类及玩法| www.147417.com-华夏彩票软件下载| www.133049.com-彩钢瓦围挡图片欣赏| www.019832.com-贵阳市彩票店转让| www.15ua.com-足彩走势图-| www.609253.com-智彩彩票软件| www.801368.com-福利彩票复试怎么买| www.yc76.com-山西体彩新11选5| www.821895.com-体彩福彩双彩店转让| www.893973.com-九九集团app彩票| www.960097.com-酷彩吧买彩票安全吗| 恒彩www.hcw018.com| www.761567.com-乐彩网福彩三d网页| www.8127.cc-福彩中奖领取| www.37161.cc-i8彩票下载安装| www.874463.com-新浪分分彩计划| 99福彩www.529979.com| www.1001.pro-足彩360专家军长| www.587528.com-八一彩票-| www.74wz.com-3d彩票分析器| www.605077.com-胜负彩中奖彩票| www.719971.com-彩票开奖几点不买了| www.839926.com-网友带我玩pc福彩| www.943322.com-博众时时彩软件论坛| www.cp0017.com-大发快三和值走势图| www.vb52.com-河北快三开奖下载| www.904721.com-手机买彩票网| www.969855.com-七乐彩4拖6多少钱| 博汇www.865850.com| www.6316.biz-彩票平台资源| www.yi98.com-下载湖北快三| www.960758.com-注册送彩金的街机| www.1277.pw-四川体彩金七乐走势| www.79570.com-3d福彩电脑板| www.410549.com-七彩球怎么拼装视频| www.6232.shop-一分快三大小技巧| www.806.red-体彩刮刮乐批发价格| www.529626.com-台湾公益彩总站开奖| www.942955.com-易购彩app-| www.06jv.com-彩票查询33期| www.381875.com-福彩初几上班| www.006776.com-福彩直播在线观看| www.318123.com-977彩票网页版| www.809722.com-福彩出奖号码| www.8997.top-澳门2分彩-| www.218208.com-玩彩怎么倍投最科学| www.287831.com-福i彩开奖结果查询| www.668089.com-国家彩票原主任| www.737384.com-福地彩票靠谱不| www.799646.com-大众彩票怎么样| www.890786.com-青岛快三正规吗| www.954207.com-88平台时时彩网站| 易盈彩票www.7793aa.com| www.9689.cn-竞彩足球混合胜平负| www.29oc.com-明星彩铅画图片| www.7813.cm-新星彩手机版网址| www.661374.com-玩彩送彩金38| www.3845.xyz-7星彩预-| www.923028.com-体育彩票店现状| www.lm07.com-有谁知道淘彩票吗| www.7006.pw-体彩欧洲杯-| www.52664.com-一分钟彩票app| www.292935.com-河南快三任意俩码差| www.432772.com-体彩手机在线刮刮乐| www.562412.com-吉利彩票网址| www.22815.cc-千发彩票app下载| www.845226.com-今天的竞彩推荐| www.721022.com-快三大小和值计算| www.896571.com-爱彩通走势图电脑| www.454150.com-中国二元彩票网站| www.639142.com-余姚体彩中奖| www.817488.com-信用盘彩票平台| www.85ez.com-怎么看足彩中奖结果| www.523457.com-绍兴市福利彩票| www.2708.top-牛蛙彩票资料跑狗版| www.133510.com-彩色水泥-| www.045103.com-智胜彩票软件手机版| www.188675.com-足彩斩龙什么意思| www.812069.com-3d福彩福降天下| www.wl62.cc-体彩最新开奖信息| www.624323.com-网上天天彩票| www.039876.com-男朋友玩投彩被骗| www.a55.pw-快三庄家-| www.4504.win-竞彩任九玩法| www.703091.com-手机版的京彩彩票| www.6312.wang-甘肃彩票最高中奖| www.91202.com-好彩爆珠烟价格| www.128743.com-河北省福彩20选5| www.326295.com-彩宝彩票官方版下载| www.130695.com-七星彩长期包三字现| www.303458.com-甘肃快三冠军走势图| www.432195.com-体育彩票问题| www.893993.com-彩票首存收集网| www.ga83.com-河北燕赵福彩排列七| www.84op.com-500万彩票聊天室| www.59780.com-爱彩人彩票-| www.058629.com-粤彩联盟彩图| www.178842.com-福彩规则-| www.393687.com-水彩星空画教程图片| www.565760.com-7070彩票可靠吗| www.807393.com-足彩2串1计算公式| www.010.website彩票世界网址| www.275386.com-时时彩大小倍投方案| www.759121.com-时时彩助手中奖宝典| www.884820.com-亿彩堂app下载| www.967741.com-soul加到彩票托| 大赢家彩票平台www.068637.com| www.zg06.com-网络彩票推广话术| www.386628.com-福彩50倍-| www.dt18.cc-分分彩后一稳赚公式| www.857686.com-彩之源江苏快三首页| www.970094.com-今天的七彩奖是什么| www.508445.com-黑彩比彩票奖金表| www.126786.com-彩票数据走势图| www.062859.com-淘宝彩票手机| www.19131.com-网易彩票推荐人| www.5rg.com-分分彩提前一期开奖| www.811669.com-陆慧明足彩任九最新| www.567168.com-速赢彩票是不是真的| www.663951.com-环彩网电脑版| www.85qk.com-彩票滚雪球什么意思| www.259735.com-大乐透彩票选号器| www.33331.com-3d杀号凤彩-| www.72889.com-大红门真品彩票| www.064898.com-海南打击私彩新闻| www.974735.com-七星彩票论坛门| www.hf68.cc-购彩大厅下载安装| www.y28.top-安徽彩票app| www.79ss.com-福利彩票前面中3个| www.pj50.com-竞彩比分值播| www.265785.com-福彩3d最新图表| www.034973.com-天价彩礼害死人| www.873810.com-彩31网站-| www.cai750.com-快三大小规律破解图| www.288617.com-怎么预防彩票长龙| www.589055.com-七星彩票图库参考| www.890428.com-彩票试玩可以提现的| www.cai26.com-大发快三怎么玩| www.36dn.com-彩票奖号能算出来| www.au03.com-7k彩票平台下载| www.xc64.com-三度博彩论坛|