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.910410.com-彩99安卓下载| www.122771.com-天天彩票平台正规吗| www.431507.com-农村医药报新粤彩报| www.628876.com-好客彩下载-| www.805455.com-彩色胶带定做| www.913824.com-黄金集团彩票靠谱不| www.994224.com-7728彩票-| www.c89.cc-彩粟开奖结果_| www.78pg.com-招财猫竞彩app| 彩69www.091181.com| www.449991.com-买彩票应该怎么买| www.887589.com-彩票中奖怎么兑奖| www.297265.com-购彩助手-| www.384747.com-足彩稳胆是什么意思| www.146322.com-竞彩篮球分析推荐| www.943011.com-众彩易购幕后| www.ed9.com-中彩网官网-| www.10yv.com-78500彩宝贝网| www.19502.cc-手机验证送59彩金| www.90694.com-手机乐赢彩票网| www.797058.com-双色球彩票多久过期| www.939651.com-云南时时彩开奖漏洞| www.gg6.com-彩票种类及玩法| www.577093.com-本期七星彩高手| www.946518.com-福建快三技巧稳赚| www.33529.cc-风采彩票-| www.ia53.com-竞彩容错投注说明| www.460433.com-神马彩票app| www.222156.com-福彩3d独家解密| www.963711.com-七星彩机选号码一注| www.1069.cn-老挝时时彩诈骗| www.592363.com-中国七星彩票规律表| www.2526.net-东方网彩票平台| www.586394.com-免费领取38彩金| www.78800.cc-盛彩彩票注册地址| www.677246.com-全国彩票结果| www.74qo.com-大掌柜彩票邀请码| www.7906.me-生肖彩开奖结果查询| www.141.biz-彩虹天堂和风的顺序| www.04ir.com-彩铅怎么用-| www.ha56.com-福彩快三是谁发明的| www.854322.com-彩票诈骗怎么判刑| www.989162.com-福利彩票机器多少钱| www.77061.com-彩票把-| www.3629.biz-外围足彩app下载| www.rm01.com-qq彩票app下载| www.81955.com-中发彩票是黑平台吗| www.642625.com-今日七乐彩开奖结果| www.717946.com-彩库宝典ios版| www.791665.com-福彩3d网站大全| www.864996.com-下彩彩票app下载| www.924940.com-销售彩票软件话术| www.343773.com-福彩3d杀跨高手| www.535395.com-上海买彩票一夜暴富| www.656713.com-双色球基本走势中彩| www.729377.com-最新彩票走势图首页| www.813755.com-金金彩票-| www.882377.com-5分彩是真的吗| www.965514.com-31号快三开奖号| 聚彩网www.683505.com| www.633040.com-竞彩篮球2串1稳赚| www.714122.com-七乐彩尾号走势图| www.968046.com-哪个平台有河南快三| www.pd95.com-河北福彩官方网站| www.68yx.com-乐彩国际娱乐| www.095538.com-多彩贵州网公司待遇| www.055.date-福彩东方6十1开奖| www.3924.me-竞彩14场分析| www.9420.cn-华人彩票网站怎么样| www.126655.com-福彩了d开奖号| www.2824.cn-快三星号-| www.02725.com-体彩害了多少人| www.55948.cc-中乐彩手机版| www.53581.cc-希腊彩票开奖网| 福彩网www.055m.cc| 网易彩票www.332950.com| www.lk00.com-豪彩官网下载安装| www.s99.cc-七乐彩专家胆码预测| www.951072.com-章鱼足球彩票推荐| 尊彩www.153946.com| www.jt64.com-新3d彩票分析软件| www.g59.org-彩店宝ios下载| www.691.cm-重庆福彩网打不开了| www.088827.com-快速赚钱的方法彩票| www.222387.com-三分快三计划网页版| www.185698.com-王素英买彩票中十| www.065195.com-时时彩怎么靠概率赢| www.0590.vip-3d图彩第一吧| www.441.date-v800彩票-| www.155112.com-足彩2串1倍投技巧| www.973820.com-福彩双色球蓝球规律| www.cp0966.com-快三分析计划软件| www.323382.com-大中华彩票官方网站| www.460086.com-蒂之彩在上海出名吗| www.579467.com-爱购彩票网官网首页| www.671978.com-彩票开奖王中王| www.796682.com-66彩票app-| www.550498.com-博彩存送优惠论坛| www.412697.com-竞彩分析师团队招聘| www.133349.com-彩钢瓦围挡效果图| www.433307.com-江西乐彩商城| www.503284.com-彩娜个人资料| www.8801.site-彩票杀号计算公式| www.38504.cc-购彩网7798-| www.79623.cc-l中国福彩3c| www.173743.com-大发快三-| www.356436.com-智慧彩软件挂机| www.731451.com-114彩票-| www.803748.com-体育彩票中奖名单| www.889761.com-七乐彩票属于违法吗| www.962403.com-黑彩赚钱吗-| 500彩票www.56588.com| www.358834.com-彩票一般是几点买| www.776063.com-火箭彩票下载安装| www.848818.com-搜索唯彩会| www.899396.com-彩83苹果下载| www.954723.com-彩票足球世界杯| 天天彩票www.7782q.com| www.585001.com-大花猫彩报-| www.738044.com-三分三快彩票合法吗| www.872920.com-海南七星彩奖表图| 福彩www.15355k.com| www.dr84.com-福彩快三怎么下载| www.si42.com-福彩3d出号规律表| www.31sh.cc-福彩星期日几点开奖| www.4946.net-迷彩兔电影网站| www.503905.com-天下彩票手机版| www.615616.com-美狮彩票怎样| www.982449.com-时时彩在线人工计划| www.710165.com-每日首存送彩金平台| www.1611.cn-u9彩票网能提现吗| www.di4.com-内蒙快三走势图儿| www.607833.com-韩国彩票奖金四等奖| www.677552.com-彩娃彩票正规吗| www.250735.com-手机版分分彩票| www.359667.com-彩宝站彩民端| www.459008.com-约彩365苹果版| www.549550.com-078彩票一经销商| www.635368.com-博彩柬埔寨-| www.31233.cc-彩尊手机版安装| www.56129.com-彩票豹子号推算| www.017910.com-广西体彩在哪对奖| www.086100.com-乐山快三查询| www.152987.com-彩票输了怎么办| www.cai2020.cc-最新北京快三走势图| www.792972.com-阜阳福彩中心在哪| www.873396.com-时时彩出长龙预兆| www.967478.com-彩票群如何起名| 大玩家彩票www.319826.com| www.ry29.com-福利彩票三d| www.688917.com-快三门户下载| www.017760.com-福彩投注app| www.956353.com-七星彩19005期| www.yu.cc-中彩网双色球| 凤凰彩票www.88266b.com| www.025485.com-网络快三正规吗| www.5027.vip-5000万彩票网| www.08325.com-福利彩票励志广告| www.436822.com-能智能统计的彩票| www.521416.com-今日彩票吉祥数字| www.124369.com-辽宁福利彩票双色球| www.352518.com-网易彩票能买| www.861839.com-彩票店装修图片欣赏| www.127071.com-彩铅萌图-|