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天

知道了
亚洲28 www.21556.cc-关于17彩票-| www.44wv.com-uc彩票技巧-| www.826213.com-金沙环球购彩| www.vs15.com-红旗彩票一分快三| www.299084.com-计划快三软件下载| www.66490.cc-我要买彩票排列三| 彩678www.c67801.com| www.463654.com-万豪彩票可信吗| www.308671.com-网易彩票双色球技巧| www.314722.com-竞彩网计算器胜负平| www.ot96.com-时时彩长龙只追不反| www.837788.cc-时时彩计划骗局| www.525525.com-lol博彩软件| www.ed75.com-快三怎么返点| www.76xv.com-福彩3d开结果今天| www.085524.com-加微信彩票导师赚钱| www.092463.com-河南彩票481规则| www.940298.com-吉林快三啊-| 600万彩票www.187515.com| www.on24.com-彩票开奖公告开奖| www.074789.com-收彩富网免费资料| www.241638.com-河北今日快三开奖| www.5290.org-深圳市体彩店转让| www.693928.com-福利彩票兑奖期多长| www.825359.com-广州鸣彩传媒公司| www.940213.com-买体彩怎么才能中奖| www.30ht.com-咋天体彩中奖号| www.0149.cm-彩色造句一年级简单| www.8238.bid-重庆时时彩遗漏走势| www.39638.com-九彩彩票-| www.969522.com-奖多多的酷彩吧| www.gd45.com-中国的彩票种类玩法| www.17pi.com-彩鸾归令词牌格律| www.94rb.com-开彩365是什么| www.267.biz-七星彩买的人很少吗| www.890656.com-信彩彩票是正规平台| www.991243.com-新的彩票-| www.gu31.com-彩77官网下载地址| www.04kc.com-彩铅美术作业图片| www.95bc.com-826cc彩票-| www.80855.cc-广州体彩快中彩开奖| www.333097.com-彩票如何看懂走势图| www.955.club-现在哪个彩票最好| www.5654.vip-大马彩4d-| www.34896.com-重庆时时彩骗局微信| www.03419.cc-彩票讨论-| www.025230.com-花生彩票是骗局吗| www.1576.vip-粘彩宝是什么平台| www.199961.com-体彩11选五任选三| www.615001.com-最近买彩票的地方| www.610640.com-香港跑马高频彩票| www.852099.com-hk百彩网大全| E彩堂www.43818a.com| www.666642.com-李村福彩养老院| www.767349.com-长治福彩网点| www.861631.com-彩票开奖下载软件| www.925997.com-深圳区块链彩票| www.985134.com-竞彩打水公式| www.ca6.com-五快三良好是什么| www.33195.cc-36o彩票3d-| www.274711.com-中国福彩网官方首页| www.149119.com-极速时时彩计划全天| www.244593.com-安徽快三投注网| www.044919.com-117彩票网站| www.134012.cc-安微快三一定牛| www.716879.com-手绘彩铅画星空教程| www.8892.vip-足彩8串4多少钱| www.851190.cc-时时彩总是输| www.951431.com-大发快三看走势图| 福彩www.16878x.com| www.ku39.com-福彩快三软件网站| www.4ci.cc-一同事每天必买彩票| www.75qp.com-彩票运势测号| www.1878.vip-稳赚体彩竞猜平台| www.774274.com-重庆十字彩走势图| www.867769.com-赢彩王收费怎么办| www.931970.com-彩票数字栏目| www.6898.bid-体育七星彩票| www.926379.com-可以买彩票的软件| www.995972.com-微信教你买彩票| www.309563.com-体彩七位数怎么买| www.99484.com-唯彩看球竞彩栏目| www.92166.cc-88688彩票-| www.96861.cc-福彩3d中国福彩网| www.316930.com-彩票投注app下载| www.869.cm-网上投彩票有风险吗| www.34373.com-菠萝彩双色球分析家| www.7798.com-足彩的输钱之路| www.219409.com-中国福利彩票6+1| www.950346.com-105彩票软件下载| www.cai6366.com排列三彩经网走势图| www.2qd.cc-彩票中奖照片| www.161097.com-pk彩票骗局-| www.680169.com-幸运中彩-| www.sa06.com-网上彩票群-| www.566896.com-流亭福利彩票位置| www.999163.com-金碧汇彩app| www.87bq.com-山地论坛乐彩网| www.8380.biz-福彩3d和值中彩网| www.118301.com-体彩排列三彩吧图库| www.386302.com-重庆体彩网注册彩| www.124900.com-迷彩免下载-| www.731415.com-全民彩彩票电脑版| www.848610.com-皇家彩世界-| www.947039.com-体彩双采图-| www.28593.com-买彩票好还是炒股好| www.715727.com-谁知道彩票计划软件| www.847510.com-搜索福彩3d开奖| www.955425.com-香港九龙彩票| www.cp9896.com-中国福彩快三走势图| www.52692.com-彩票店承包黑彩| www.176968.com-快三开奖结果福建| www.7468.com-厦门体彩店转让信息| www.32319.com-彩钢瓦围挡生产厂家| www.274772.com-极速时时彩单双技巧| www.542157.com-炫乐彩票8088| www.635161.cc-七彩音符儿歌| www.722033.com-福彩体彩家彩网排了| www.788271.com-2019年彩礼法律| www.870155.com-彩票引流套路| www.949638.com-彩票分分28害人| C9999www.318548.com| www.601595.com-我真中了彩票一等奖| www.673855.com-古建彩绘天花图案| www.388.hk-福彩3d图迷总| www.708579.com-下载体彩七位数| www.964051.com-足彩14场中奖规则| www.dd31.com-人人红彩票安卓| www.85ok.com-陕西体彩大奖| www.051332.com-幸运飞艇双彩网开奖| www.917257.com-中国竟彩网手机版| www.w24.shop-m8彩票游戏网站| www.zx49.com-下载重庆市彩开奖| www.356739.com-足球彩票怎么看买啊| www.ci77.com-极速快三怎么下载| www.a39.club-彩坛经典-| www.42lc.com-彩生活彩管家最新版| www.783.cm-汇丰彩票平台可信吗| 大赢家彩票平台www.673290.com| www.91912.com-广东彩王彩图新宝会| www.04400.cc-下载彩计划彩票| www.543062.cc-福彩3d出号-| www.16468.com-被彩客网骗了| www.63518.cc-足彩赛程安排| www.xq97.com-七星彩历史所有开奖| www.954181.com-吉快三和值单双大小| 大赢家彩票网www.656121.com| www.ge82.com-快捷彩票app| www.tf02.com-易彩彩民福地| www.551356.com-那些跟单彩票可靠吗| www.622116.com-五福彩票可靠吗| www.012921.com-七星彩重复中奖号码| www.27167.com-彩票2元网靠谱吗| www.322910.com-体彩大乐透开奖结里| www.422223.com-百万彩票被抢| www.617228.com-天津体彩站点查询| www.609457.com-柬埔寨5分彩| www.580415.com-彩票体彩双色球开奖| www.005100.com-彩票图查询-| www.828612.com-海口彩票网高手论坛| www.1968.net-合肥竞彩店网点| www.50bj.com-体彩的藏机图| www.957773.com-台湾乐透彩开奖网址| www.yv97.com-红旗彩票网站|