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天

知道了
百盈PK10 www.137667.com-中国体育彩票奖金| www.573236.com-阐彩-| www.657634.com-绀野彩夏百度百科| www.741507.com-彩票白菜群-| www.3467.cn-为什么彩票都会维护| www.357703.com-玩彩票大平台靠谱不| www.505257.com-新瑞博博彩-| www.710405.com-彩神4app-| www.819483.com-买了彩票怎么查看| www.97915.com-pk彩世界下载| www.078096.com-福彩网为什么打不开| www.182132.com-038彩票骗局| www.72ku.com-体彩6+1开奖规则| www.4333.in-鑫彩网彩神争霸下载| www.05016.com-彩票自助机-| www.53161.cc-福彩排列五开奖日期| www.255365.com-彩神官方网一欢迎您| www.368012.com-浙江体彩六加一规则| www.280977.com-福彩3d口诀技巧| www.375621.com-五星电玩城彩金| www.509195.com-3d彩民开机号| www.582389.com-安装e77乐彩登陆| www.655322.com-手机投彩是什么| www.724756.com-福彩双色球106期| www.797288.com-今日老猫出彩快讯| www.873087.com-500万彩票时时彩| www.947467.com-好彩论坛高手| www.996097.com-新浪足彩胜负彩| www.am18.cc-彩票开奖视频播放| www.u72.cn-广州省福利彩票中心| www.57ms.com-cy888彩网-| www.0145.cm-用彩色造句-| www.6023.biz-体育足球彩票胜负彩| www.12385.com-足彩竞彩胜平负开奖| www.53733.cc-关于腾龙时时彩做号| www.cl9.com-北京快三开奖结果呢| www.02ay.com-彩虹的颜色七种| www.56xj.com-4lcc金彩网百度| www.2790.vip-福彩独胆杀号彩宝贝| www.9826.biz-中国古建筑传统彩绘| www.59981.cc-特区彩票开奖结果| www.037654.cc-彩票大师安装| www.144386.com-体育彩票微信公众号| www.323287.com-乐和彩票app下载| www.397582.com-彩票打票几点停| www.520236.com-兴义彩票中心| www.605882.com-吉祥彩票网址是多少| www.54kh.com-幸运之门彩票图表| www.1013.cc-爱彩乐快乐十分下载| www.7166.loan-七彩假期画报| www.27738.cc-黑龙江福彩二十选八| www.81079.cc-搜狐福利彩票双色球| www.051365.com-3d福彩字谜图谜| www.178893.com-河南福彩快三走势| www.262179.com-快三有作弊软件吗| www.359782.com-七星彩复式投注规则| www.478566.com-女子中竞彩大奖| www.582330.com-头奖彩票公告暂停| www.666103.com-七星彩万字号奖图| www.749811.com-七夕彩票-| www.865060.com-龙凤彩票-| www.944727.com-新浪手机爱彩网| 818合彩www.www.1555hc.com| www.lt51.com-福彩代理怎么拿提成| www.76177.cc-好彩一开奖历史记录| www.060568.com-彩500大发-| www.5886.net-双彩网体彩三句话| www.76421.com-七彩app官网| www.053456.cc-伯爵彩票是正规的吗| www.143431.com-时时彩什么时候停售| www.254539.com-好彩投app苹果版| www.355362.com-河内五分彩技巧| www.505815.com-举报黑彩可以追回吗| www.591069.com-七星彩19022期| www.695516.com-竞足彩-| www.796122.com-享彩彩票官网| www.67rp.com-启航彩票-| www.0304.loan-如何提高彩票销量| www.5678.mobi-时时彩搭建出租公司| www.08060.cc-佳木斯彩票大奖得主| www.51669.cc-3b彩报图库-| www.93444.com-826购彩首页| www.075195.com-中国体育彩票几种| www.166682.com-快三倍投大忌| www.268188.com-足彩500竞彩| www.375197.com-555彩票注册平台| www.778426.com-彩乐园旧版-| www.32563.cc-足彩任九19041| www.93044.com-彩票之谜-| www.092424.com-美国一分彩开奖网站| www.178886.com-搜索新快三开奖结果| www.289494.com-中国彩票的真实性| www.369478.com-福建体彩彩民论| www.492405.com-挂机彩票腾讯时时彩| www.580600.com-吉林省彩票中奖| www.974427.com-能用的彩票app| www.857949.com-中国足彩赔率中心| www.973291.com-关于彩虹的图片大全| www.ct.cc-易彩快三平台| www.tf79.com-826彩票平台| www.45vq.com-快三落是真的吗| www.3092.cn-彩神好运来幸运飞艇| www.8968.biz-更多精彩内容请关注| www.88762.cc-澳洲幸运彩开奖官网| www.068301.com-彩票模拟摇奖机| www.138605.com-时时彩五星计划在线| www.232339.com-广西快三选号器| www.318743.com-快三微信群骗局揭秘| www.397455.com-彩票休市时间| www.526269.com-vr时时彩计划| www.607268.com-彩播直播ios| www.702869.com-阳光彩票客服电话| www.797759.com-彩票99注册-| www.126917.com-彩铅画图片大全明星| www.335566.cc-智慧彩挂机软件说明| www.518511.com-炫彩霓虹ios| www.613223.com-u9彩票网安卓下载| www.781724.com-彩票多少钱以上交税| www.935097.com-星空彩票ios版| www.802421.com-体彩排三三字诀| www.925933.com-500彩票预测| www.cp781.com-可以玩快三的app| www.qk35.com-快三012路-| www.987583.com-福利彩票全国兑奖| www.cp2.live-精彩十分玩法奖金表| www.870550.com-盛大彩票能信吗| www.404.black-旺彩票app-| www.751846.com-一号彩票网站| www.946653.com-福利彩票生肖6十1| www.989810.com-彩票开奖公告结果| www.fp41.com-彩票网投网大全| www.xt76.com-彩票就是运气吗| www.44nd.com-江苏快三现在多少期| www.1124.top-成都竞彩-| www.27187.cc-365彩票手机| www.534349.com-分分彩和值怎么算法| www.558852.com-夸女生漂亮的彩虹屁| www.4607.top-龙腾彩票正规吗| www.59326.cc-福彩双色球开奖顺序| www.062411.com-建平县黑彩大案| www.217103.com-网上预测彩票号准吗| www.464966.com-分分快三每分钟一开| www.640612.com-爱盈彩手机下载| www.044090.com-彩民乐树-| www.272569.com-吉林快三开奖视频网| www.498673.com-体育彩票32期| www.830129.com-盈彩娱乐官方| www.55pg.com-玩彩票最牛的人| www.3175.biz-7星彩开奖号码查询| www.259358.com-炫彩-| www.579500.com-体彩排列预测结果| www.965372.com-彩票可以无限追吗| www.261308.com-北京3分彩开奖规律| www.760877.com-彩礼钱是什么意思| www.81jv.com-武汉彩票作弊案| www.8561.loan-彩票两元网大乐透| www.556147.com-体彩和福彩造假| www.xi0.com-卖体彩-| www.225220.com-福彩福建快三下载| www.537720.com-国彩在线下载| www.me71.com-快三彩票倍投| www.rn64.com-北京快三技巧规律| www.597199.com-彩尊国际-| www.886586.com-微信女骗买彩票|