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.tr84.com-网上不能买足彩了吗| www.308365.com-百宝彩登录账号| www.774802.com-微信好友玩彩票骗局| www.977585.com-彩色混凝土工艺| www.vh76.com-彩约365-| www.54uy.com-pk彩票主页| 好运彩吧www.030238.com| www.48lf.com-80彩票推广码| www.636790.com-重庆时时彩选号工具| www.770065.com-七彩蛋-| www.922722.com-全红彩票app| 惠民彩票www.hm2555.com| www.ds38.com-时时彩刷流水方案| www.b44.top-365彩票平台| www.46uf.com-经营彩票站技巧| www.1743.bid-江苏快三号码预测| www.j88.org-3b福彩正版藏机图| www.84vv.com-体彩大年初几开业| www.2484.cn-湖北福彩网双色球| www.17975.com-卖竞彩到底能盈利吗| www.75655.cc-模拟彩票中奖| www.056931.com-数字型彩票技巧| www.227461.com-湖北快三投注技巧| www.458416.com-足彩网足球论坛| www.hd42.com-世界杯彩票投注官方| www.79pj.cc-快三视频彩票| www.4004.com-澳门彩票论坛| www.811033.com-美娱彩票平台| www.936391.com-福利彩票快三和值图| 杏彩www.00840q.com| www.hs72.com-快三赌博大小单双句| www.v23.mobi-足彩必发指数新浪| www.447104.com-福彩开奖女主持人| www.739482.com-天天中彩网站| www.825848.com-体育彩票aqq| www.906082.com-体育竞彩比分直播| www.tj01.com-福彩3d一语定三码| www.217872.com-彩之王app-| www.370423.com-时时彩冷热号码统计| www.792583.com-福彩归谁管-| www.025002.com-彩票筛号软件| www.128173.com-hao.123彩票| www.234573.com-彩票软件哪个正规| www.383364.com-今天晚上福彩开奖| www.508818.com-爱玩彩平台-| www.651165.com-简单水彩教程| www.831827.com-江苏休育彩票七位数| www.905390.com-江苏体彩七位数规则| www.989453.com-c1818乐彩骗局| www.ms03.com-快三选一个号码| www.02578.com-网络彩票销售好做吗| www.270744.com-好彩四味爆珠| www.403097.com-极速一分彩计划| www.521566.com-怎么看时时彩走势| www.624626.com-沧州体育彩票发行| www.739291.com-七星彩免费缩水软件| www.858211.com-bet博彩-| www.953914.com-海南私彩开奖| www.cp262.com-吉林快三开奖号码| www.57111.com-彩77官网苹果| www.026178.com-网上彩票兼职| www.110792.com-彩票吾爱破解| www.217561.com-湖北福彩中心地址| www.303511.com-好彩妹资料网| www.375513.com-体彩开奖频道几台| www.521495.com-来彩网app-| www.638913.com-上海最大的彩票店| www.734600.com-彩神通关注碼| www.817724.com-绵阳福彩249号站| www.901478.com-精彩十分下载| www.964108.com-彩票人工计划聊天室| 彩71www.861944.com| www.8181.live-黄石彩票大奖| www.369284.com-鸿鑫福彩-| www.462497.com-环球彩票介绍| www.539153.com-彩票店转让后停机| www.645501.com-七乐彩玩法杀号技巧| www.916297.com-代理的彩票犯法吗| 百姓彩票www.bxcp3.com| www.640880.com-今天彩民乐图是什么| www.14qs.com-立彩平台怎么样| www.095931.com-3d预测号彩宝贝| www.474172.com-腾讯分分彩倍投方案| www.607760.com-韩国彩毒效果好吗| www.716108.com-乐米彩票怎么停了| www.807758.com-北京5分彩计划软件| www.902889.com-全国彩-| www.7896.org-靠谱的手机购彩| www.61753.cc-七星彩和直尾振幅度| www.739995.com-福彩走势图有用吗| www.840363.com-福彩年销售量| www.923027.com-体育彩票的市场| 大赢家彩票www.5086v.com| www.77671.cc-吉祥彩票网是真的哪| www.058558.cc-彩界的精英-| www.291376.com-中国福利彩票快3| www.2qz.cc-金利彩票是干啥的| www.21844.com-和彩纺织-| www.06lw.com-彩铅画简单花卉| www.645855.com-老彩民心得体会| www.778308.com-七乐彩怎么玩法说明| www.900397.com-竞彩报个人微博| www.994262.com-专业彩票分析大师| www.nt27.com-买十分快三技巧| www.74lr.com-彩字的含义祥解| www.339306.com-深圳福彩中心领奖| www.414476.com-北京七彩连锁幼儿园| www.517233.com-怎么购买外国的彩票| www.581980.com-彩客网twete| www.86qo.com-爱开彩彩-| www.637859.com-懂球帝彩票在哪买| www.906506.com-彩票双色球成语| 600彩票www.600hc.com| www.39137.cc-七彩网彩票下载| www.906966.com-全发彩票彩种| 双彩网www.629012.com| www.59049.com-福彩三d今天关注号| www.290453.com-3d彩经网杀号定胆| www.813034.com-龙凤彩票平台| www.949609.com-快彩怎么样-| www.hw60.com-中国福利彩票有哪些| www.g20.live-彩票字谜解-| www.439967.com-中彩票那天课文| www.333248.com-广东快三官网| www.208831.com-北京快三下载安装| www.529338.com-天齐网图库彩吧论坛| www.579448.com-方正彩云-| www.658914.com-五洲彩票网-| www.766567.com-彩票赚钱倍投方法| www.845234.com-福彩会上基诺吗| www.906593.com-吉林省快三夸走势图| www.978555.com-福彩3d彩图丹东版| www.3753.cc-七星彩头尾怎么看的| www.377710.com-陪嫁要比彩礼多吗| www.469510.com-中彩票五行属什么| www.536020.com-网上哪种彩票真实| www.588475.com-购彩xv计划-| www.653502.com-福彩3八卦图| www.710196.com-每天首存送彩金平台| www.770290.com-快乐彩票注册| www.838649.com-好用的竞彩软件| www.896549.com-尊享华夏彩票官网| www.949881.com-百宝彩票快三| www.984619.com-彩虹8彩票是真是假| www.cp197.cc-大发快三登录平台| www.gp98.com-中原彩票官方网站| www.238283.com-发彩平台网址| www.405786.com-金利丰彩票-| www.566174.com-河南福利彩票中心网| www.51681.com-竞彩计算器足球| www.230400.com-三彩吧助手-| www.457247.com-关于彩票的句子| www.576988.com-好彩彩票官网| www.669513.com-105彩票在线投注| www.81079.cc-搜狐福利彩票双色球| www.6160.pw-中国彩票协会| www.pw29.com-彩票不允许私人创办| www.57nl.com-快快彩票下载| www.268681.com-3d福彩牛彩图| www.326108.com-排列三彩宝网试机号| www.379211.com-招聘篮球竞彩分析师| www.734511.com-排3最准凤彩网| www.cai1411.com河北快三综合走势| www.la86.com-天天中彩-|