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.277942.com-牛蛙彩票永久网址| www.233949.com-秒速快三单双最稳法| www.453323.com-彩吧图谜总汇图九| www.598395.com-体彩七星彩历史开奖| www.170760.com-甘肃快三预测号码表| www.137429.com-老吴竞彩推荐| www.cai995.cc-中国福彩快3网站| www.521868.com-带玩彩票游戏骗人| www.762000.com-足球竞彩258彩票| www.61918.cc-领航彩票计划| www.69458.com-八马彩app-| www.56eg.com-福彩迷邀请码| www.358550.com-驿站彩票主页| www.19915.cc-彩宝邀请码-| www.045033.com-体彩481玩法体会| www.66647.cc-下截体彩福彩软件| www.501182.com-六堂彩网站大全| www.366800.com-支付宝上怎样买彩票| www.s51.cn-西宁福利彩票中奖| www.47072.com-秒速时时彩公式打法| www.978111.cc-会理拆除彩钢棚文件| www.z33.org-广西手机福彩客户端| www.cai4033.com快三安徽开奖结果| www.932577.com-106com彩票-| www.am58.cc-河北快三开奖遗漏号| www.315188.com-卖福彩-| www.526563.com-做网彩代理犯法么| www.657289.com-福彩消消乐-| www.765776.com-七乐彩直播开奖记录| www.860299.com-黑龙江体彩十一| www.978690.com-福彩3d2元走势图| www.4979.biz-彩色苹果笔记本电脑| www.222445.com-彩票免费计划| www.003471.com-下一期彩票中奖号码| www.53661.cc-虹口竞彩网点查询| www.114825.com-今日彩圣字谜汇总| www.aw69.com-乐彩网走势-| www.690295.com-苏州体彩网开奖结果| www.353215.com-京彩集团正规吗| www.339092.com-福彩3d便民汇总| www.484800.com-彩票开奖端口api| www.e27.club-新时代彩票app| www.425400.cc-彩经网遗漏数据查询| www.762233.com-懂球帝竞彩足球助手| 500彩票www.689477.com| www.95tt.com-678彩票网靠谱吗| www.807533.com-熊瞎子说彩博客| www.589695.com-神彩燃油宝怎么样| www.905369.com-天天中彩票倒闭了| www.tv93.com-官方优彩网-| www.936163.com-彩票预测算法| www.yu70.com-大发快三如何猜豹子| www.933552.com-云南有没有中彩票的| www.28357.cc-江苏省体彩中心电话| www.003008.com-好彩客电脑版| www.9919.loan-49码彩票app| www.290607.com-彩宝软件是骗局吗| www.753181.com-香港跑马彩票5分| www.6993.cc-全民玩彩福彩排列七| www.33153.com-下载福建体彩走势图| www.088349.com-千万彩票-| www.397714.com-点击彩是假的吗| www.14vf.com-一分彩是哪发行的| www.072244.com-秒速时时彩开奖公式| www.498115.com-彩票代玩给佣金| www.25699.cc-彩乐乐杀号定胆| www.580175.com-永盛彩票网怎么注册| www.654729.com-欢乐时时彩是真是假| www.717804.com-彩铅人物简笔| www.801174.com-来彩下载-| www.869722.com-浙江福彩3d开机号| www.930434.com-体育彩票交税| www.981629.com-买彩票下载什么软件| www.sp1.com-上海体彩领奖地点| www.pc68.com-艳照福利彩票| www.1fy.cc-五彩缤纷福满天| www.74vy.com-买彩票有诀窍吗| www.1339.wang-中国彩票开奖网大全| www.8152.shop-中国彩票竞彩网| www.173623.com-湖北快三每天必出号| www.151756.com-彩15-| www.64ma.cc-众彩网是正规平台吗| www.6891.xyz-海南七星彩麦奖网站| www.64050.com-足彩任九缩水软件| www.078129.com-九万彩票可是骗局| www.ke24.com-彩鸿彩票官网| www.70jz.com-中国彩票原主任| www.501892.com-足球彩票联赛怎么买| www.578392.com-开彩票店店面要求| www.649433.com-专家福利彩票预测网| www.733719.com-重庆十分彩开奖直播| www.805291.com-体育彩票排列三规则| www.875119.com-酷彩吧在哪里下载| www.937530.com-褔彩3d和尾走势| www.982875.com-体彩乐透5-| www.bz48.com-甘肃快三开奖果跨度| www.04012.com-豪彩娱乐登陆地址6| www.259369.com-福彩选号-| www.400357.com-博9网彩票-| www.489877.cc-七彩乐中奖结果| www.86bv.com-福彩3d满载而归| www.246505.com-江苏老快三推荐号码| www.72710.com-福利福彩双色球| www.1122.mobi-竞彩8串247-| www.02899.cc-亚彩会登录手机版| www.71751.com-60彩票下载-| www.026504.com-电竞博彩下载| www.85040.com-3d彩圣字谜预测| www.932018.com-七星彩容易中大奖吗| www.765208.com-手机博彩作弊软件| www.959724.com-澳洲3分彩计划网址| www.860761.com-快三二同号什么意思| www.kh62.com-中国体彩开奖| www.82jg.com-江西体彩兑奖办法| www.56325.com-速彩骗局揭秘| www.837503.com-力彩刻字机-| www.954296.com-时时彩助手ios| 大赢家彩票网www.54400q.com| www.966189.com-快三倍投法-| 500彩票www.342877.com| www.39717.com-爱彩彩票是真的吗| www.111777.com-高德彩票上分| www.634759.com-建盏养出七彩光| www.719519.com-双色球彩票开蒋| www.w67.club-神彩奕奕打一生肖| www.0168.top-抽奖与彩票-| www.046.win-买彩票禁忌-| www.034924.com-全名彩票app| www.680811.com-彩票网站提现成功| www.2674.com-彩票停售是什么意思| www.472889.com-天天抢红包彩票平台| www.705544.com-福彩彩票扫码| www.925485.com-官方网站彩票旭彩| www.a97.club-彩票怎么个玩法| www.3643.cm-保定体彩中心在哪里| www.228006.com-江苏快三开大小| www.351848.com-买彩票最少多少钱| www.528007.com-彩之家投资是骗局吗| www.666422.com-乐彩网是合法的吗| www.813091.com-体彩线上远程培训| www.911784.com-彩客站快三网址| 500彩票www.50074j.com| www.454428.com-体彩排列三专家定胆| www.756491.com-大乐透彩票票花详解| www.656895.com-足球竞彩奖金加| www.962941.com-澳洲时时彩全天计划| www.5182.net-特彩吧报码原版正料| www.375323.com-七星彩开奖在哪个台| www.18906.com-广东爱彩乐彩票网| www.374358.com-福彩3d牛人技术| www.601933.com-好彩客有多少人玩过| www.833771.com-好彩丨开奖结果| www.948102.com-福利彩票的发行宗旨| www.s85.club-彩票助手大全| www.1383.in-简单水彩花卉图片| www.96127.cc-福彩网专业技能知识| www.292671.com-易彩票计划-| www.341718.com-体彩遗漏是什么意思| www.752189.com-亿彩是真的吗| www.xe18.com-福彩和值跨度表| www.23728.cc-网页版彩神-| www.038758.com-彩票图怎么看| www.35688.com-08彩票下载-| www.rc32.com-中国福彩网官方首页|