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.nd08.com-云南11选5爱彩乐| www.996317.com-足彩北单是什么| www.bw35.com-4scc彩票乐库| www.613828.com-彩票代理平台刷流水| www.708255.com-足彩稳胆技巧| www.805567.com-风云彩票-| www.889161.com-福彩2元彩-| www.969616.com-足球竞彩比赛结果| www.cp0266.com-江苏快三开奖详情| www.51379.com-hk香港百彩网站| www.344197.com-体彩模拟器-| www.499551.com-福利彩票胆拖玩法| www.ar24.com-湖北快三走势图和值| www.9it.cc-七星彩3连号中多钱| www.380639.com-当天的彩票几点停售| www.940902.com-彩票诈骗话术| www.o67.net-年会彩票中大奖| www.652557.com-7125彩票-| www.ab30.com-快三智能追号计算器| www.515473.com-最近的彩票事件| www.94496.com-体育竞彩外围| www.118476.com-彩票所有历史开奖| www.28133.cc-中中彩网综合分布图| www.397898.com-今天打什么七星彩| www.013841.com-帮忙看彩票是否中奖| www.nu66.com-网上彩票算赌博吗| www.91987.com-丰彩网合法吗| www.480808.com-移动彩印业务收费吗| www.579210.com-彩票app怎么制作| www.678904.cc-首存50送58彩金| www.2151.space-足彩十四场购买大厅| www.587623.com-香港c8万彩吧| www.85gw.com-最新白菜彩金网论坛| www.312433.com-e球彩奖金-| www.337996.com-福彩3d冷温热表| www.05434.com-体彩义乌-| www.505621.com-3d炫彩壁纸-| www.472178.com-宝利彩票怎么样| www.272265.com-快三新手怎么玩| www.89749.com-足彩爆冷四因素| www.856699.com-七星彩摇奖器| www.960036.com-彩票七天乐-| www.db9.com-分分时时彩开奖官网| www.033177.com-大发快三计划回血| www.155804.com-超级彩票可靠吗| www.221826.com-买彩票怎么开挂| www.033705.com-易彩堂注册邀请码| www.807146.com-彩博士官网手机网| www.bs21.com-能玩快三的彩票软件| www.69vm.com-4scc彩票网站| www.050719.com-黑彩庄家赚钱吗| www.05526.com-彩吧助手官网| www.437844.com-天天彩票集团是| www.137587.com-河南体彩481玩法| www.339734.com-送彩金58彩票| www.284256.com-快彩网址是什么| www.gg17.com-福彩3d乐彩走势图| www.19ue.com-智慧彩教程-| www.431.cc-368彩票全国开奖| www.8295.site-幸运时时彩怎么玩| www.791474.com-五星彩票真实性| www.018691.com-中彩娱乐下载手机版| www.9494.com-彩票工具之今日运势| www.799599.com-博彩白菜网论坛网站| www.897379.com-彩王布阵专栏| 购彩在线www.66332i.com| www.602537.com-体育彩票店盈利情况| www.695033.com-号百彩票千亿彩票| www.797018.com-福利彩票多久过期| www.969653.com-快三第一门户k3t| www.gd94.com-福彩赛车骗局| www.d20.pw-彩票复式计算器下载| www.237473.com-足球竞彩直播| www.739194.com-快三和值三最大遗漏| www.832860.com-788彩票开奖| www.923077.com-乐透彩3d字谜大全| www.104069.com-最贵好彩香烟价格| www.205671.com-一定牛彩票软件| www.775293.com-彩票51中彩真的吗| www.8215.xyz-基诺快乐彩-| www.009727.com-新华彩票app| www.111452.com-致胜团队彩票计划| www.211067.com-福彩三d藏机图| www.310296.com-甘肃快三推号软件| www.1439.xyz-境外网络博彩犯法吗| www.6990.cn-福利彩票活动| www.670444.com-胜彩是什么-| www.37ua.com-申国足球彩票| www.6680.me-体彩任九怎么玩| www.982251.com-如何反思维买彩票| www.33192.cc-三d开走势图彩宝网| www.ag26.cc-彩票开奖123| www.365632.cc-足球篮球人人竞彩| www.248667.com-澳门彩-| www.569081.com-福彩公告停售| www.c90.net-微信买彩票赚钱| www.56zw.cc-遵义市彩票店转让| www.1211.in-中彩票了1个亿| www.7685.biz-香港地下六仺彩网址| 500彩票www.289379.com| www.572002.com-买竞彩足球有方法| www.105258.com-中免好彩双爆| www.871454.com-江苏快三二同号推| www.966812.com-西安假彩票案| 亿发彩票www.507633.com| www.471518.com-不思议迷宫彩蛋整理| www.5822.cm-微信小程序彩票选号| www.64uk.com-福彩3d老杨说彩| www.911783.com-即开彩app骗局| 500彩票www.303053.com| www.58zg.cc-体彩店招牌-| www.880390.com-彩票套利对打安全吗| www.54iw.com-彩票机选原理| www.151588.cc-u9彩票靠谱吗| 金冠彩票www.49956q.com| www.49824.com-彩神大发软件| www.514920.com-进口彩妆连锁加盟| www.612353.com-彩票排列三书籍| www.720758.com-彩票免费预测中心| www.788956.com-竞彩的专家的重要性| www.875306.com-微彩彩票靠谱吗| www.959365.com-御彩轩下载-| www.ds76.com-快彩在线app| www.n00.cn-怎么辨别彩票黑平台| www.51hx.cc-胜负彩500app| www.839.net-湖南体彩大乐透论坛| www.03bs.cc-手机山东体彩客户端| www.568211.com-盛大彩票官方网址| www.684163.com-天天有好彩正版资料| www.818679.com-惠州市福彩兑奖地址| www.898483.com-彩票扫一扫-| www.978834.com-快三二同号有多少个| www.ip68.com-足彩分析预测| www.050612.com-中华彩票电子版| www.3815.biz-七星彩老鼠精版| www.ej58.com-3彩彩票官网| www.32gw.com-彩票奖金扣税计算器| www.2958.pw-体彩装修效果图| www.10781.com-竞彩篮球比分500| www.343582.com-赚钱平台彩票| www.454618.com-中华彩票3d开机| www.664742.com-七乐彩今晚开奖金额| www.767.cm-内蒙古破解时时彩| www.7205.cn-彩虹6号围攻美图| www.642906.com-七乐彩开机-| www.399677.com-福利彩票星期三| www.322322.cc-996彩票下载安装| www.48xn.com-中华彩票网专| www.518899.cc-竞彩网上开售时间| www.598401.com-彩6苹果下载软件| www.690822.com-彩票网投平台黑钱| www.844094.com-彩票年底会停手吗| www.003645.com-福彩快乐彩作假| www.44oa.com-竟彩360比分直播| www.2498.cc-福彩门户的门户网站| www.683429.com-彩票号码过滤| www.1022.cc-好盈彩票骗局揭秘| www.231259.com-百胜快三靠谱吗| www.ee39.com-彩票50元一单兼职| www.d29.bid-皇都彩票手机版下载| www.6868.org-彩运宝清风-| www.9197.org-万字号彩票表| www.333048.com-爱波网彩票-| www.89yc.com-博彩汇平台下载|