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.074515.com-快三秒热水器费电吗| www.015365.com-下载福利彩票机选| www.7378.vip-竞彩店有名额限制么| www.233474.com-福彩快三大家输多少| www.720094.com-七星彩投注计算器| www.828658.com-578彩票官网| www.940019.com-爱乐彩河北11选五| 豪彩VIPwww.8fk.com| www.091789.cc-爱彩网首页-| www.254530.com-快三和值跨度速查表| www.358620.com-mega彩票规则| www.471377.com-六台彩迷宫在哪看| www.13fn.com-苏州e球彩开奖结果| www.49ls.com-汕头三亿体彩得主| www.68ci.com-中国竞彩宣传平台| www.424120.com-福彩3d图谜中龙| www.c77.net-五洲彩票app下载| www.n95.net-豪彩vip注册登录| www.023.press-福彩综合趋势图| www.5248.vip-彩葵网手机app| www.763698.com-足彩平台哪个最靠谱| www.555786.com-四川体彩金七乐直播| www.661248.com-时时彩稳计划app| www.748148.com-大富豪彩票下载中心| www.836572.com-福彩和值表走势图| www.911489.com-彩票十一选五内蒙| www.972043.com-体彩排三字谜| www.cp9218.com-中彩娱乐app| www.919195.com-时时彩排名平台| www.39096.com-唯博彩票信息软件| www.802252.com-全国彩票弃奖| www.946368.com-时彩最牛技巧后一| www.op03.com-江苏快三一天多少期| www.899075.com-快三是不是很害人| 凤凰彩票www.3479c.com| www.539773.com-福州体彩中心电话| www.2gw.com-怎么中500万彩票| www.536656.com-风彩3d走势图| www.657610.com-休肓彩票六加一| www.125343.com-今天福彩奖号| www.175327.com-福建快三推荐| www.528908.com-体彩竞彩开店| www.636216.com-中彩票税率-| www.795199.com-五分彩开奖有规律吗| www.885471.com-网上利彩平台靠谱吗| www.961904.com-彩乐乐p3走势图| 必发彩票www.755806.com| www.xx82.com-688彩票网app| www.61885.com-今福彩开结果| www.274535.com-一分钟快三有假吗| www.22905.cc-彩神网网址是多少| www.57504.com-七彩奖软件-| www.466846.com-黑龙江体彩票| www.579190.com-鸿运网购彩大厅| www.se44.cc-彩票267-| www.26cs.com-福彩怎样加盟费多少| www.400.cm-乐彩网首页体彩| www.ei36.com-福建省福利彩票网| www.2bk.cc-彩缘天下论坛| www.979.red-鳄鱼彩票预测汇总| www.307389.com-派彩的意思-| www.381148.com-深圳体育彩票中奖| www.83oh.com-彩票做号软件腾龙| www.68xg.com-世界四大博彩公司| www.3743.org-体育彩开奖直播现场| www.9973.pw-福利彩票每期销售额| www.53374.com-彩虹5无人机| www.139484.com-牡丹海棠与彩玉海棠| www.6379.xyz-亿盈彩票平台| www.466329.com-七乐彩到几点结束| www.559268.com-福彩大家乐二维码| www.647775.com-好运彩票下载安装| www.712595.com-下载齐鲁风采七乐彩| www.781486.com-聚合微彩下载| www.846434.com-福彩3d如何领奖| www.903253.com-首页高频彩吧| www.960368.com-注册就送的彩票平台| 500彩票网www.61655n.com| www.57eo.com-福彩3d质合走势| www.1649.vip-时时彩做号-| www.22500.cc-结婚要不要彩礼| www.012296.com-彩票助赢软件app| www.351596.com-体彩足球赛如何买| www.294499.com-山东体育彩票| www.297097.com-福彩快乐10分任6| www.456714.com-彩易达怎么样| www.736644.com-多彩贵州网频道| www.5325.net-4567彩票安全么| www.55321.cc-快三多少倍封顶| www.9939.in-排列三杀号家彩网| www.29890.cc-财神彩票真的假的| www.75736.cc-彩票开奖查询32期| www.ru62.com-大平台彩票-| www.788988.cc-竞彩盈亏交易量| 众发彩票www.656zf.com| www.05.biz-体彩导报在线阅读| www.295075.com-彩运福彩快3| www.521565.com-体育彩票去哪里好玩| www.046589.com-手机天天彩票软件| www.69055.com-什么是尊彩-| www.035386.com-至尊彩可靠吗| www.39295.cc-全中彩票安卓版| www.254857.com-澳洲时时彩官网平台| www.206920.com-彩站宝是正规的吗| www.654799.com-东方彩票安全吗| www.469695.com-美国的彩票哪里买| www.800858.cc-彩票丹东全图| www.853.net-星际彩票聊天室| www.a65.cc-职业彩民收入| www.782010.com-中彩票八字案例| www.523663.com-时时彩下载软件| www.94251.com-云南体育彩票网站| www.326130.com-c8万彩吧cn六彩| www.457488.com-高频彩有没有漏洞| www.615243.com-开发彩票app| www.759087.com-重庆时彩彩开奖结果| www.654557.com-江西体彩电话| www.ao61.com-福彩双色球开奖| www.e49.com-nba体彩怎么玩| www.652277.com-广西彩票发行中心| www.731438.com-易彩堂――主页| www.844154.com-监管彩票案例| www.919892.com-制作彩票app价格| www.hj72.com-重庆时时彩二期计划| www.p07.cc-微信购买体育彩票| www.50vx.com-福彩专家徐柯专栏| www.214140.com-人人彩票软件| www.351018.com-幸运快三福彩| www.92ij.com-彩票近期中奖人苏州| www.3362.vip-彩票连线走势图| www.466523.com-彩票能作假-| www.998828.cc-香港快三合法吗| www.97415.com-时时彩好平台| www.086577.com-七乐彩中奖奖金查询| www.148.cm-沂水彩虹谷门票价格| www.04jy.com-如何控制大发快三| www.396548.com-星期四福彩开奖结果| www.379228.com-乐彩双色球论坛静| www.330884.com-中大奖彩票网址| www.842588.com-体彩公益事业| www.mc31.com-时时彩网投平台| www.v05.cc-南粤彩票-| www.75ug.com-利发彩票下载| www.872340.com-旺彩彩票首页| www.058272.com-我有没有中彩票的命| www.636750.com-画彩虹又简单又漂亮| www.700029.cc-五分时时彩预测| www.779968.com-瑞祥彩云有没有技巧| www.833650.com-8亿彩彩票官网| www.881283.com-百姓彩坛-| www.947378.com-全国彩吧-| www.980101.com-成功彩票官网登录| 网易彩票www.506932.com| www.703200.com-京彩彩票娱乐| www.797308.com-八马彩票app下载| www.871602.com-福彩三地专家预测| www.956141.com-速赢彩是哪年注册的| www.cai7822.com长春快三开走势图| www.359997.com-打彩票看号口诀| www.ed58.com-乐八彩票平台| www.uw38.com-双彩球开奖走势图| www.670821.com-彩色的中国资料| www.167003.com-新快三是哪里的| www.257831.com-怎么举报网络彩票|