QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery蓝色的保险产品分类导航图片轮播布局

原创商用 jQuery蓝色的保险产品分类导航图片轮播布局

jQuery基于superslide开发制作蓝色的保险产品分类导航菜单和宽屏的图片滚动轮播效果代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/nav.css" />
<link rel="stylesheet" type="text/css" href="statics/css/slider.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="nav">
	<ul>
		<li>
			<label><i></i>全部保险产品</label>
			<ul class="side" style="display:block;">
				<li>
					<a href="#"><i class="side_t icon-one"></i>健康保险</a>
					<div class="side_main">
						<dl>
							<dt><strong>健康保险</strong></dt>
							<dd>
								<a href="#">
									<strong>安享康健2018重疾保障 <i class="icon-hot"></i></strong>
									<span>最高赔付116万,全新升级第7代</span>
								</a>
							</dd>
							<dd>
								<a href="#"><strong>悦享康健重疾保障</strong> <span>130种疾病+最高赔付76.8万+最长保至100岁</span> </a>
							</dd>

							<dd>
								<a href="#"><strong>新乐康无忧住院津贴</strong> <span>大小住院手术都能补贴,拿完津贴还能返保费</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>老友安心防癌保险</strong> <span>45-70岁专享,最高40万癌症关爱</span> </a>
							</dd>
						</dl>
					</div>
				</li>
				<li>
					<a href="#"><i class="side_t icon-two"></i>儿童保险</a>
					<div class="side_main">
						<dl>
							<dt><strong>儿童保险</strong></dt>
							<dd>
								<a href="#"><strong>宝贝启航2018综合保障 <i class="icon-hot"></i></strong> <span>教育金+重疾+住院+意外医疗</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>珍爱未来教育金</strong> <span>教育深造连续8年领钱</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>百万守护(少儿)意外险</strong> <span>14万意外医疗+154万意外保障+140%返还</span> </a>
							</dd>
						</dl>
					</div>
				</li>
				<li>
					<a href="#"><i class="side_t icon-three"></i>意外保险</a>
					<div class="side_main">
						<dl>
							<dt><strong>意外保险</strong></dt>
							<dd>
								<a href="#"><strong>百万守护(少儿)意外险<i class="icon-hot"></i></strong> <span>14万意外医疗+154万意外保障+140%返还</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>百万守护(成人)意外险</strong> <span>高达300万意外保障+20万意外医疗</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>顺心天天一年期综合意外保障<i class="icon-new"></i></strong> <span>每天只需1元起</span> </a>
							</dd>
						</dl>
					</div>
				</li>
				<li>
					<a href="#"><i class="side_t icon-four"></i>年金保险</a>
					<div class="side_main">
						<dl>
							<dt><strong>年金保险</strong></dt>
							<dd>
								<a href="#"><strong>招盈六号年金(分红型)</strong><span>养老无忧,幸福传承</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>筑福金生年金(非分红型)<i class="icon-new"></i></strong> <span>终身领取,安享退休</span> </a>
							</dd>
						</dl>
					</div>
				</li>
				<li>
					<a href="#"><i class="side_t icon-five"></i>银行保险</a>
					<div class="side_main">
						<dl>
							<dt><strong>银行保险</strong></dt>
							<dd>
								<a href="#"><strong>自在人生终身年金</strong><span>终身领取,锁定未来</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>心悦人生综合保险</strong><span>45种重大疾病+意外保障+满期保险金</span> </a>
							</dd>
							<dd>
								<a href="#"><strong>珍爱一生百分百重疾保障</strong><span>特定疾病多重赔付,保至100岁</span></a>
							</dd>
						</dl>
					</div>
				</li>
				<li>
					<a href="#"><i class="side_t icon-six"></i>高端医疗</a>
					<div class="side_main">
						<dl>
							<dt><strong>高端医疗</strong></dt>
							<dd>
								<a href="#"><strong>醇享人生个人高端医疗保险<i class="icon-new"></i></strong><span>醇享健康,尊贵人生</span></a>
							</dd>
						</dl>
					</div>
				</li>
			</ul>
		</li>
		<li>
			<a href="#" class="current">首页</a>
		</li>
		<li>
			<a href="#">个人与家庭保险</a>
		</li>
		<li>
			<a href="#">团体保险</a>
		</li>
		<li>
			<a href="#">客户服务</a>
		</li>
		<li>
			<a href="#">关于我们</a>
		</li>
	</ul>
</div>
<!--导航结束-->

<!--轮播部分-->
<div class="slider">
	<div id="slideBox" class="slideBox">
		<div class="hd">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="bd">
			<ul>
				<li><img src="statics/images/slider1.jpg" /></li>
				<li><img src="statics/images/slider2.jpg" /></li>
				<li><img src="statics/images/slider3.jpg" /></li>
				<li><img src="statics/images/slider4.jpg" /></li>
				<li><img src="statics/images/slider5.jpg" /></li>
				<li><img src="statics/images/slider6.jpg" /></li>
			</ul>
		</div>

	</div>
</div>
<!--轮播结束-->

<script>
	//轮播
	jQuery(".slideBox").slide({
		mainCell: ".bd ul",
		effect: "left",
		autoPlay: true
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
爱彩票 www.976945.com-娘家只收彩礼不陪嫁| www.046999.com-福彩快3魔图| www.4953.vip-盛源彩票网页手机版| www.29957.com-体彩数字3-| www.392996.com-彩铅画梅花图片大全| www.390938.com-全彩本子app| www.315128.com-篮球竞彩-| www.478082.com-聚彩app-| www.755375.com-炫乐彩票登录页面| www.841109.com-彩妆系列化妆品| www.928290.com-玩彩输30万怎么办| www.994907.com-下载0500彩票| www.as06.com-河北福彩排列5| www.757757.com-快三彩乐乐-| www.863290.com-彩客网app是哪种| www.951967.com-彩票快8-| 彩世界www.99788m.com| www.39763.cc-这期七星彩出奖结果| www.083353.com-做私彩app犯法吗| www.363532.com-点石成金彩票大奖图| www.9yw.cc-彩票几点开始买| www.h08.com-彩票预测破解app| www.802048.com-福利彩票第38期| www.62225.cc-海南私彩头尾规律图| www.943603.com-99福彩下载安装| 500彩票www.390500.com| www.862219.com-福彩的开奖结果| www.940556.com-金福彩票网提不出现| 彩天下www.196146.com| www.85478.com-彩票投注兼职靠谱吗| www.328301.com-福彩3d条件预测| www.020498.com-黔南州体彩中心| www.147360.com-冠赢彩票app| www.251930.com-中彩网网址是多少| www.483620.com-大六壬预测彩票号码| www.579058.com-日本彩票开奖号码| www.666288.com-黑彩票app-| www.807480.com-福彩双色球守号技巧| www.926609.com-瑞彩网是真规网站吗| www.984974.com-褔彩3d丹东全图| www.bh65.com-易彩彩票是合法的吗| www.110420.com-福彩双色球开什么号| www.050966.com-高频彩吧登录| www.713673.com-时时彩后二从不连挂| www.868808.com-七星彩前4个规律| www.982606.com-乐盈彩票-| www.de24.com-大乐彩cp-| www.t56.com-有叫盈的彩票软件| www.6158.bid-黑马人工彩票计划| www.5178.biz-福利彩票快乐20分| www.654523.com-深圳福利彩票机转让| www.763852.com-有什么好的足彩软件| www.445067.com-如何才能中彩票| www.628234.com-赢家彩票骗局| www.722815.com-彩票168公式| www.793533.com-易彩官方登陆网站| www.187485.com-重庆福利彩票官网| www.017150.com-重庆时时彩最新开奖| www.129797.com-爱彩乐福彩3d| www.429178.com-苏州彩票中奖| www.567987.cc-大鹏金牌乐彩| www.322550.com-足彩八串一什么意思| www.07al.com-下载彩票中奖查询| www.03ks.com-600彩票下载| www.73hs.com-星彩网论坛排列三| www.166476.com-彩票快三怎么玩| www.915116.com-竞彩足彩推荐平台| www.978175.com-彩钢瓦形状-| www.cp8311.com-3d彩宝走势图| www.249000.com-购彩app哪个好| www.575226.com-惠普彩色打印机报价| www.697282.com-e球彩在哪里下载| www.9aj.cc-体彩数字是什么号码| www.4152.cn-彩虹6号重下| www.974924.com-彩票查询结果排列三| www.ln08.com-①号彩票app| www.862326.com-福彩今天开奖结果| www.947622.com-香港马会天下彩网| www.994705.cc-苹果怎么下载好彩客| www.ik37.com-中彩那天的课文| www.51088.com-正规网投彩票| www.084779.com-福彩机连接电视口| www.654288.com-幸运彩52ⅹyc| www.769281.com-好彩网怎么玩| www.728077.com-奥客彩网官网| www.881415.com-一定牛竞彩推荐| www.978997.com-中国体彩大乐透直播| www.dl93.com-那个地方玩快三的多| www.zq68.com-首页竞彩网-| www.60hq.com-银彩会-| www.4963.cm-猫彩泥-| www.7535.org-体彩门头多少钱| www.385182.com-吉祥彩登陆官网| www.71391.com-体彩19026期| www.068562.com-彩神通关注-| www.640096.com-新浪足球彩票奥盘| www.734829.com-现在买哪种彩票靠谱| www.829201.com-口袋彩票官方网站| www.958343.com-福彩3d代码是什么| 非凡彩票www.77210l.com| www.625.space-胜负彩多久开奖| www.719383.com-彩吧彩票上的大神| www.871713.com-苏州福彩官方网站| www.962417.com-福利彩票什么选号| www.wg2.cc-今日七星彩专家预测| www.08io.com-彩铅苹果画教程图解| www.572852.com-竟彩必发-| www.669002.com-彩票app贴吧| www.765696.com-海南私彩最-| www.836679.com-福利彩网站-| www.902404.com-手机体彩app| www.962125.com-万彩吧专家荐号| 500彩票www.50026l.com| www.jo34.com-网络彩票互刷套彩金| www.59ro.com-体育彩票放开| www.0606.pw-彩票挂机软-| www.237967.com-彩发发app苹果版| www.359827.com-网友带我玩福彩| www.966611.cc-英国五分彩下载| www.53534.com-丰和彩票-| www.581537.com-福彩数字三结果| www.595901.com-福利彩票怎么提成| www.665850.com-今晚七乐彩中奖情况| www.735555.com-吉祥彩票0500| www.345314.com-快乐彩价格-| www.420393.com-三分彩走势-| www.512602.com-三毛彩吧大全| www.576900.com-新浪爱彩网可信吗| www.646764.com-职业彩民牛人| www.737389.com-永盛彩票网靠不靠谱| www.843388.com-公益彩票怎么玩| www.937336.com-3d福彩走势图下载| 鑫亿彩www.025079.com| www.368899.com-尼彩-| www.516979.com-中国色彩-| www.071660.com-彩票站的前景如何| www.191361.com-3d走势图彩宝贝网| www.338802.com-仙机图体彩-| www.996709.com-黑龙江彩票网| www.sq54.com-时时彩开奖走| www.53nf.com-体彩吧彩票资料大全| www.1036.cn-彩票预测分析师| www.7318.loan-小米彩虹电池耐用吗| www.25362.cc-彩铅选48还是72| www.97856.com-彩牛网天空彩| www.097756.com-内蒙古快三微信群| www.179168.com-安微福利彩票| www.254532.com-好彩投体育彩票| www.069523.com-彩票查询双色球预测| www.033960.com-彩票有什么技巧| www.119732.com-u588发发彩网| www.197725.com-七星彩专家预测汇总| www.205006.com-江西多乐彩老十一| www.069041.com-青海快三遗漏| www.212248.com-重庆时时开奖乐彩网| www.303422.com-虎扑神棍区篮彩| www.369367.com-14亿彩票平台登录| www.444793.com-如果你彩票中奖| www.522903.com-如何看待彩票套彩| www.57746.com-159足彩下载| www.015332.com-彩票代理平台| www.087051.com-幸运彩票合法的吗| www.567274.com-福彩3d布衣42期| www.642221.com-一出好戏彩票app|