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天

知道了
彩01彩票 www.398337.com-体彩大乐透推见号码| www.136784.com-彩77最新版-| www.4399.pw-极速飞车彩票公式| www.68263.com-彩83免费下载| www.057216.com-体彩排三开奖直播| www.00md.com-描写彩虹的看图写话| www.32202.com-网上彩票改号| www.782901.com-福运彩官网-| www.440365.com-体彩大乐乐开奖结果| www.604689.com-d9彩票被骗了| www.706709.com-能买彩票的官方软件| www.795903.cc-9购十分彩合法吗| www.876973.com-重庆时彩做假| www.971461.com-网络彩票赚钱吗| www.cai8787.com福利彩票快三玩法| www.94432.com-pc快彩-| www.7712.pw-彩鳞-| www.8716.wang-中国足球彩网| www.257961.com-038彩票最新版本| www.729400.com-彩票疑云结果怎样| www.861750.com-体彩开奖公告查询| www.975759.com-宜春彩礼-| www.jv44.com-天天彩票助手官方| www.361698.com-彩票网站充值追回| www.521103.com-高德彩票被骗| www.xc76.com-双彩论坛字谜专区| www.4545.me-黑彩3d玩法-| www.699821.com-彩客网是正规网站吗| www.808080.com-中国官方足球竞彩网| www.935027.com-掌上赢彩下载| www.73dx.com-可信的彩票网站制作| www.3974.win-体彩大乐透中奖视频| www.716923.com-儿童彩铅画大全| www.6845.cm-3d三版彩报纸| www.33179.cc-体彩p3牛材网| www.82024.com-5分彩是骗局吗| www.049742.com-体彩5综合版| www.817687.com-福彩3d打黑两码| www.6754.xyz-17彩票下载-| www.557513.com-微信彩票在哪里兑奖| www.657067.com-时时彩什么是质合| www.436377.com-湖南体彩赛车频道| www.562637.com-福彩淘彩吧-| www.520179.com-快三秒热水器调压阀| www.625312.com-爱中彩票网页版| www.711252.com-买彩票诈骗案例| www.796490.com-腾讯分分彩全天号码| www.873458.com-上海彩票开奖结果| www.953011.com-九州体彩app| 彩票驿站www.cpyz1.com| www.678380.com-大发快三算诈骗吗| www.751668.com-体育彩票打印纸| www.824899.com-聚丰彩票下载手机版| www.890037.com-彩票代买民事纠纷| www.953841.com-牛牛彩票-| www.999568.com-福彩走势两千期| www.dr77.com-彩票软件大全苹果版| www.87465.com-赢彩彩票提现冻结| www.076964.com-彩票都有什么玩法| www.26474.com-吉林快三豹子技巧| www.259686.com-江苏五分快三| www.423911.com-乐彩33首页-| www.39617.cc-福利彩票最大的舆情| www.1483.com-皇庭风范彩晶膜官网| www.151920.com-今日福彩字谜大全| www.251121.com-中福福彩票下载| www.9823.org-古建筑彩绘打谱子| www.316007.com-上海竞彩店地址列表| www.407813.com-足球竞彩胜平负开奖| www.520102.com-航天彩虹镇如何| www.019920.com-体彩限量销售| www.748383.com-红彩会手机怎么登录| www.tb86.cc-中国彩票官网下载| www.zg15.com-买彩票幸运怎么选号| www.14975.com-全民彩票提现快吗| www.022216.com-快钱彩票骗局| www.125586.com-足球竞彩5乘6玩法| www.222589.com-安徽快三人工计划| www.757714.com-中彩网钱能提出来吗| www.988255.com-仲彩app-| www.jp40.com-江苏快三赌博| www.0816.red-网上哪能买足球彩票| www.844588.com-福彩窝案金额| www.950301.com-聚彩彩票跟着老师刷| www.cp8663.com-福彩3口开奖今天| www.5yd.cc-豪彩vip漏洞| www.035663.com-红彩网是真的吗| www.555327.com-福祥彩票-| www.226225.com-福利彩票的宗旨| www.988817.com-网上彩票有哪些| www.191720.com-福彩3d夸度走势图| www.296610.com-湖北福利彩票出奖| www.359138.com-ok彩票能提现吗| www.5986.pw-体彩排列三论坛网| www.089926.com-7乐彩怎么玩| www.363373.com-彩虹六号英文名字| www.625913.com-祥金彩票网站| www.494334.com-足彩一定牛分析推荐| www.010.mobi-彩神平台提现| www.12op.com-快三是全国开奖吗| www.34gt.com-华龙彩票-| www.374058.com-新北京五分彩| www.89079.cc-盈彩网如何注册| www.539701.com-福彩3d数字表| www.dx31.com-分分快三投注app| www.515112.com-河南商丘民权彩礼| www.5862.biz-结婚聘礼彩礼图片| www.15780.com-华夏彩票网站| www.007156.com-体彩奖号结果| www.392468.com-王成周彩票秘密uc| www.002000.cc-众彩网林兴洛| www.098388.com-购彩网app正规吗| www.cai1311.com湖北快三走势| www.719329.com-长春彩票站-| www.01876.cc-什么网站有彩金送| www.66291.com-彩易博天誉高手论坛| www.211630.com-k彩手机版-| www.500559.cc-体育彩票业中外对比| www.593789.com-佰易彩票网站| www.677299.com-淘彩票客户端下载| www.763368.com-福利彩票店怎么加盟| www.447701.com-爱趣彩彩票网| www.057105.com-福彩3d第三版彩吧| www.714466.com-凤凰网彩票是真的吗| www.830758.com-免费l彩票资料大全| www.954175.com-江苏体彩e球胜负平| www.093056.com-全天重庆彩计划五星| www.o34.net-分分彩票投注技巧| www.409160.com-福彩3d直播频道| www.593808.com-七彩云怎么投屏| www.674883.com-彩票哪个单位管| www.781211.com-儿童彩虹画图片| www.919049.com-什么黑彩平台靠谱| www.xd99.cc-天天中彩网靠谱码| www.34ws.com-发彩用户登录| www.433.date-优信彩票可不可靠| www.77rb.com-彩票行业的五行| www.166521.com-北京体彩十一选五| www.326601.com-中国福彩3d之家| www.62kh.com-阿里彩票平台注册| www.6427.vip-网易彩票网i| www.77172.cc-体彩任九中奖率| www.64328.com-孕妇彩妆-| www.5365.vip-排五最大中奖彩票| www.6342.shop-乐享彩票靠谱吗| www.ng05.com-极速3b彩平台| www.a37.net-重庆时时开彩结果| www.071.date-体彩七星彩中奖故事| www.09707.com-齐鲁福利彩票33| www.706502.com-足球比分500彩票| www.778302.com-官方彩gz-| www.847533.com-购彩规划是什么| www.912006.com-青蛙彩票开奖现直播| www.967466.com-快购彩票app| www.zs04.com-体彩超级大乐透规则| www.21yy.com-亚博彩票创建时间| www.85dw.com-手游彩票网址| www.vd24.com-49彩票会员登录| www.2476.xyz-好彩网牛网-| www.370262.com-网上彩票作假视频| www.91690.com-上海澜赢骗彩票| www.373575.com-彩名堂官网网址| www.527522.com-彩合网管家婆| www.66204.com-快三彩票兼职|