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.189643.com-快三河南-| www.767331.com-福彩快三开奖系统| www.949075.com-热购网彩票-| 500彩票www.50024d.com| www.md21.com-好彩投彩票下载| www.41654.com-如意网彩网-| www.543939.com-3d乐彩论坛陈华| www.216788.com-恒博快三官网| www.363815.com-时时彩怎么精确毒胆| www.757089.com-下载997彩票软件| www.904578.com-雅彩彩票官网| www.973901.com-新2彩票论坛| www.eh31.com-福建体彩彩民坛| www.06ns.com-彩铅可以调色吗| www.104601.com-彩票结果查询| www.368328.com-彩涂铝卷批发价格| www.60551.com-51彩虹版-| www.484348.com-和盛彩票娱乐网址| www.022445.com-淘宝快三数据| www.673132.com-七星彩的奖金是多少| www.009477.com-乐彩客-| www.767111.cc-彩神飞扬双色球预测| www.910506.com-彩票中奖如何领奖| www.972242.com-网易新快三-| www.cai0005.com快三是什么意思啊| www.34895.com-购乐彩真的假的| www.80821.cc-福利彩票打票键盘| www.056225.com-彩票非法经营罪案例| www.179986.com-快三秒奶茶店| www.338385.com-体彩复式投注表| www.509615.com-彩票开奖是几点| www.22513.cc-e彩票下载-| www.82027.com-彩票中奖的前兆| www.899248.com-快彩计划软件| www.393975.com-3位数的彩票是什么| www.96524.cc-3月17日竞彩预测| www.888715.com-515彩票-| www.71od.com-足球彩票软件大全| www.658067.com-福彩快三公式| www.40qm.com-最新彩票排第一网站| www.0go.cc-七乐彩票靠谱吗| www.92ov.com-c九彩票-| www.9425.cc-体彩排列三红五图库| www.7803.vip-竞彩输钱压抑| www.25979.cc-彩虹七色分别是| www.86103.com-福彩3d缩水程序| www.496425.com-福彩3d开奖号码| www.601815.com-香港十分彩计划群| www.690159.com-2019彩票知识| www.788942.com-福彩3b开奖历史| www.865349.com-彩02彩票谁知道| www.952345.com-6678彩票登录| 500彩票www.50052t.com| www.718325.com-安徽快三期开奖| www.866491.com-昨天的彩票是什么| www.981157.com-k彩这个网站靠谱吗| www.my14.com-快三软件计划| www.34wm.com-七星彩35开奖号码| www.2013.cn-彩虹6号按那个说话| www.62199.com-彩票大赢家骗局| www.632860.com-彩票3d规则-| www.77265.cc-体彩哪种中奖率高| www.848610.com-皇家彩世界-| www.898373.com-高频彩二十年经验| www.81455.cc-北京福彩中心招聘| www.ko81.com-高频彩票改革| www.222766.com-网赌彩票害死多少人| www.89980.com-七彩在线彩票| www.228055.com-河南安阳彩礼价目表| www.495557.cc-大冶市福利彩票中心| www.964689.com-今日竞彩篮球预测| www.jq62.com-吉林快三是赌博| www.588782.com-808彩票合法吗| www.106631.com-胜负足彩比分| www.260414.com-彩宝3d走势图带| www.419066.com-江苏七位数体彩网| www.78116.cc-九州彩票不给提款| www.166053.com-江苏快三开奖今天| www.304777.com-网络快三怎么能稳赢| www.907035.com-福利快三显示图| www.7868.net-福彩中奖心得| www.843556.com-福彩公益语-| 8816彩票www.8816x.com| www.52cg.com-50o竞彩网-| www.505148.com-忍3竞彩票-| www.07800.com-苏州快三计算公式| www.003586.com-足彩竞彩比分网| www.325193.com-云购彩票主页| www.3465.cc-彩票双色球如何购买| 大赢家彩票网www.83033y.com| www.008027.com-竞猜足球购彩大厅| www.8780.vip-nba新浪篮彩| www.58116.cc-三六零彩票开奖查询| www.035171.com-倍数高的彩票app| www.144636.com-众彩网排列三千里马| www.ft35.com-彩票下载-| www.654626.com-彩票win在线| www.737254.com-彩之网3d相年富途| www.811012.com-体育彩票开奖列五| www.896801.com-快彩网彩-| www.ta85.com-彩种厅-| www.123.gg-彩霸王高手资料图| www.017137.com-快三一共有多少注| www.015683.com-七星彩是不是假的| www.906885.com-足球彩票哪家好比较| www.895958.com-九州彩票是真的吗| www.kc72.com-马会彩票网站| www.289763.com-福彩3第-| www.792303.com-彩票店领奖额度| www.747755.com-彩运宝官网-| www.930447.com-c8cn万彩吧计划| www.cp0992.com-快三计划软件官网| www.386920.com-福彩987那年出| www.621030.com-极速5分彩-| www.353337.com-广东新粤彩每期报纸| www.444045.com-三维心脏彩超正常值| www.537171.com-响亮的竞彩名字| www.609589.com-深圳体彩最新转让| www.685955.com-福彩双色球专业版| www.792875.com-在外地买彩票中奖了| www.871888.com-友恒陕西利彩快三| www.941912.com-博友彩是骗人的| www.993123.com-足彩入门到精通| www.hv58.com-三分彩票是不是假的| www.64443.cc-外围体育竞彩app| www.027601.com-易彩是不是属于违法| www.112390.com-送彩金彩票app| www.192881.com-北京pk拾彩票官网| www.45624.com-上海福彩网正规网站| www.9986.win-足彩预测分析新浪| www.095187.com-小崔说彩票-| www.729900.com-彩票计划助手| www.867352.com-举报私彩网站| www.932031.com-在哪里买七星彩技巧| www.974700.com-大富翁彩票游戏网址| 500彩票网www.607993.com| www.hb99.com-福彩快三软件开发| www.wl55.com-江苏快三超牛公式| www.20ne.com-香港报彩神童| www.91xj.com-福彩官方刷流水| www.1847.press-大发快三最稳投注法| www.277915.com-牛彩网彩票指南彩报| www.382199.com-彩栗工具一今日运势| www.491814.com-彩票009合法吗| www.59957.cc-哪个彩票网站最正规| www.412329.com-彩票平台招募计划员| www.561982.com-彩票平台刷流水风险| www.271028.com-彩票77官网下载| www.0880.top-福彩小黄人赚钱吗| www.724141.com-买彩票是不是赌博| www.9007.cn-广西双彩开奖结果| www.766419.com-九号彩票平台客户端| www.895138.com-彩投彩票网186| www.984687.com-内蒙福彩公众号| www.567192.com-下载苏宁彩票| www.639331.com-彩票店收入-| www.715751.com-精品计划彩票小助手| www.800316.com-彩20彩票投注| www.868881.com-福彩双色球中奖骗局| www.cp3908.com-赵公明3d彩票预测| www.pt48.com-彩神v11-| www.u98.club-山西省中国福利彩票| www.588433.com-七星彩牛爹资枓| www.653967.com-金龙彩票安卓版下载|