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.659649.com-体彩摇奖中断| www.144493.com-腾龙时时彩计划下载| www.800038.com-今晚福彩票开奖结果| www.911689.com-快开彩qq群-| www.978440.com-彩涂铝板价格| www.ah31.com-延边快三动态走势图| www.276563.com-高反水彩票平台| www.979562.com-快三回血有成功的吗| www.at79.com-吉林快三开奖| www.568711.com-手机买足彩软件推荐| www.671310.com-彩独2破解版下载| www.761608.com-体育彩票61玩法| www.835630.com-顺丰丰彩-| www.900884.com-赢钱彩官网-| www.964891.com-18彩票的网址| 彩61www.217302.com| www.89369.com-人人中彩票不能用了| www.012415.cc-体彩谜图汇总| www.501830.com-盛大娱乐投彩靠谱吗| www.399505.com-问题彩民中奖| www.550461.com-从发彩票-| www.693276.com-网上怎么购买福彩| www.778016.com-会员注册易彩网| www.854920.com-全民彩票投注网站| www.929648.com-七星彩复式计算器| www.994077.com-康彩娱乐体彩乐吧| www.hm61.com-上海快三怎么赚钱| www.zy80.com-300w彩票网平台| www.18820.cc-8亿彩网页登录| www.134529.com-好彩柠檬双爆珠价格| www.456811.com-安徽省体彩11县五| www.295760.com-旺彩开奖结果| www.6655.loan-上海快三跨度怎么看| www.44350.com-分彩-| www.986.hk-易中彩网站-| www.545453.com-福彩快乐十分任选三| www.654305.com-彩之源登录口| www.dt63.com-77彩票app-| www.2kq.cc-体彩店有双色球吗| www.381276.com-足彩投注计算器| www.700310.com-辽宁福彩35走势图| www.645362.com-买足彩心得-| www.787098.com-竞彩篮球比分新浪| www.945218.com-买彩票几点截止| www.336558.com-快钱彩票是合法的吗| www.489866.cc-乐彩提现多久到账| www.585997.com-体彩二等奖多少钱| www.789078.com-足球竞彩投注app| www.60sk.com-网易彩票认账吗| www.602035.com-辽宁福彩35选7| www.884099.com-黑彩票店-| www.974385.com-彩虹旗泡泡弟论坛| www.be32.com-内蒙古福彩管理中心| www.659490.com-南国七星彩4十1| www.776339.com-福建福彩快三彩控| www.362502.com-福彩红五图库永久域| www.352263.com-体彩票兑奖有效期| www.80ko.com-福彩大乐透中奖号码| www.638132.com-上海体彩店地址| www.882623.com-易彩堂可信吗| www.970802.com-五分彩必下胆码公式| www.hx48.com-体彩湖北11选五| www.75628.com-体彩黑龙江11选5| www.3228.com-竞彩足球推荐网站| www.981714.com-亚洲彩票-| www.an16.com-贵州体育彩票大乐透| www.15nl.com-福彩双色球84期| www.94gi.com-易彩网犯法吗| www.402864.com-聚鑫彩票网站幕后| www.60638.com-132彩票com-| 大赢家彩票平台www.186757.com| www.77999.com-算卦可以算彩票| www.660120.com-全天重庆彩龙虎计划| www.8000.gg-博彩四个字的词语| www.982141.com-信彩票官方app| www.772929.com-福彩三的缩水| www.352707.com-好的黑彩哪些| www.682523.com-广东省体彩发行中心| www.99hd.cc-福彩3b天牛图库| www.009908.com-优信彩票登录| www.789473.com-网球彩票规则介绍| www.68lc.cc-体彩排列三胆码推荐| www.69uy.com-充值平台送彩金| www.2022.net-快速彩票软件排行榜| www.08858.cc-彩02彩票apk| www.081702.com-七星彩中过大奖| www.32156.com-80彩票下载平台| www.688960.com-最新彩票平台官网| www.93628.cc-山东福彩中心二维码| www.144466.com-老时时彩下载手机版| www.76699.com-福利彩票安装下载| www.640023.com-买3d彩票软件| www.20hy.com-极速6合秒彩计划| www.660021.com-南国彩票七星彩网| www.730030.com-福彩3d机选号| www.796724.com-幸运五分彩开奖记录| www.871433.com-体彩e球开奖| www.933048.com-网赌时时彩对打套利| www.983881.com-中国福彩兑奖| www.cp620.com-彩票争霸ⅱ-| www.00cz.com-台湾乐透彩资料中心| www.590129.com-彩票如何异地兑奖| www.527518.com-重庆时时彩和值大小| www.0014.pw-彩票双色球几位数| www.603151.com-彩虹六号游戏下载| www.213038.com-时时彩网站信誉| www.171758.com-彩迷官网-| www.226754.com-韩国彩票45选6| www.581658.com-凤凰快三靠谱吗| www.717870.com-彩民周刊编辑组小宋| www.023715.com-彩票顶呱刮中奖技巧| www.095120.com-福彩三地双彩图| www.07551.com-中彩那天课文图片| www.376443.com-必赢彩票官| 大赢家彩票www.5086m.com| www.11br.com-彩钢瓦漏水怎么办| www.079056.com-七星彩精准科学杀号| www.907528.com-重庆时时彩赚钱方法| www.983570.com-贵州快三投注模拟| www.pq7.com-3号彩票是真的假的| www.sm92.com-江西时时彩下载| www.20or.com-体彩19016期| www.83py.com-本斯彩票中奖号码| www.080855.com-今天大马彩-| www.642896.com-体彩甘肃十一选五| www.311536.com-彩之家大乐透走势图| www.6658.bid-在线全天时时彩计划| www.48376.com-足球竞猜彩票app| www.018962.com-彩票缩水专家软件| www.696727.com-竞彩网合法吗| www.781817.com-黑彩怎么能赢| 网易彩票www.090040.com| www.pe56.com-河北快三怎么玩挣钱| www.659224.com-福利彩和体育彩| www.363588.cc-彩虹的颜色有顺序吗| www.475133.com-七星彩粤海彩票交流| www.550097.com-9购彩票谁知道| www.384545.com-福利彩票算什么单位| www.888.top-彩93怎么样-| www.82561.com-彩票排五走势图| www.627477.com-乐米彩票吧-| www.792811.com-支付宝积分兑彩票| www.209919.com-大发快三平台有多少| www.358757.com-彩客网开奖计算器| www.486785.com-榆林福利彩票店转让| www.025395.com-北京新彩网合法吗| www.509172.com-彩票滴滴跟单| www.3778.biz-竞彩篮球实时比分| www.256044.com-全球彩app-| www.127806.com-彩虹岛270回归套| www.120226.com-彩票店快三提成多少| www.il54.com-广东福利彩票app| www.312309.com-快三是国家彩票吗| www.126759.com-菠萝彩论坛区| www.et45.com-大发快3是什么彩票| www.234808.com-体彩竞彩实体店| www.12yi.com-福彩彩吧图谜第三版| www.173583.com-网上福彩快三怎么玩| www.232355.com-吉林快三出的什么号| www.293091.com-幸运彩二视频| www.391422.com-三彩品牌-| www.483828.com-好彩客手机版下载| www.114573.com-今日3d彩圣字谜| www.926281.com-即开彩票app平台|