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.6565.shop-全中彩票最多的人| www.902166.com-河南幸运彩开奖查询| www.mp75.com-河北省福利彩票官网| www.389.cn-1分彩开奖号码| www.295276.com-吉林省彩票领奖流程| www.020814.com-彩票搭建平台| www.728.red-重庆时时彩定双胆| www.7774.loan-时时彩7码公式| www.39627.cc-快三彩票手机版| www.96524.cc-3月17日竞彩预测| www.071956.com-体彩扑克3奖金| www.43360.com-百福彩票合法吗| www.222.pink-时时彩3分钟一期| www.8624.com-网上买彩票戒不了| www.997.org-彩票王最新版下载| www.2898.top-诺亚彩票下载| www.06ge.com-用手机怎样买彩票| www.3340.vip-高频时时彩更新| www.lh79.com-中彩啦彩票-| www.113684.com-手机彩票软件双色球| www.373683.com-辽宁十一选五彩票| www.659564.com-吉林省11选5彩票| www.806365.com-彩票就是骗局| www.967639.com-买彩票最多能中多少| 亿发彩票www.901531.com| www.169087.com-幸运快三规则| www.251123.com-彩店宝彩票app| www.777074.com-彩宝宝ios下载| www.862527.com-彩票手机新浪网站| www.959896.com-1305彩票app| 易彩堂www.55885o.com| www.hm89.com-时时彩胆位预测| www.57kn.com-快三后二直选怎么玩| www.796164.com-彩票双色球选号| www.893798.com-49cc高手彩网| www.973680.com-快三开奖走势图软件| www.ih7.com-快乐彩22-| www.po74.com-随州快三论剑| www.3aa.cc-黑彩平台靠什么赚钱| www.54il.com-唏关彩英文名字| www.43bg.com-新版彩票源码| www.730962.com-彩票一天赚10万| www.812885.com-七星彩资料大全网址| www.929188.com-国家福彩中心主任| www.ey77.com-老重庆时时彩下载| www.d15.biz-南国体彩论坛4| www.49ti.com-中国体彩人人中| www.652726.com-彩票一般几点钟开奖| www.716014.com-彩铅画苹果教程图解| www.808557.com-华东福彩l5选5| www.881690.com-彩票高佣金兼职平台| www.949095.com-数字型彩票玩法| www.996840.com-新博瑞彩票下载| www.ee44.cc-彩票刷量赚返水| www.225085.com-福彩快三顺口溜| www.54358.com-时时彩破解教学| www.001333.com-伊雪缘足彩比分直播| www.240448.com-四季彩怎么提现不了| www.554577.com-本港彩票香港六网址| www.723.cc-时彩军团怎么加入| www.0279.cm-时时彩梭哈技术| www.812750.com-手机彩铃制作| www.905996.com-竞彩足球此分直播| www.971285.com-7星彩中奖查询| www.cai1444.com中国福彩快3玩法| www.199371.com-二分快三同号计划| www.286350.com-彩吧图今天-| www.226405.com-河北燕赵福彩排列七| www.661602.com-足彩八串一规则| www.323477.com-七乐彩开奖直播视频| www.22fr.com-怎么分彩票大透| www.319265.com-百度彩票中奖公告| www.440179.com-澳彩篮球赔率怎么算| www.559064.com-开奖公告爱彩网| www.768986.com-七彩西游记铁扇公主| www.161917.com-永乐彩票假不假| www.15137.com-买快三可以赚钱吗| www.nz88.com-快三守号计划图表| www.43fh.com-竞彩篮球加时| www.42037.com-赢钱彩票app| www.lk16.com-九歌彩票手机版| www.35tp.com-博亿网彩平台| www.0878.bid-华夏彩票北京快三| www.13620.com-彩票网站源码出售| www.591389.com-澳门官方彩票| www.48344.com-大发时时彩后二计划| www.056578.com-58合肥彩票店转让| www.505129.com-福彩3的图迷| www.597208.com-加奖足彩app| www.750938.com-98098彩票信誉| www.844098.com-彩票有法律法规吗| www.950738.com-体彩胆码独双预测| VIP彩票www.085533.com| www.960834.com-快三怎么样才能中奖| www.al10.com-七星彩开奖走势图表| www.vd91.com-河南福彩微官网| www.11wf.com-广西移动短信买彩票| www.013549.com-爱彩七星彩走势图| www.827933.com-乐猫彩票下载| www.922901.com-天天爱彩票官方版| www.982154.com-三d彩票怎么玩法| www.al00.com-海南七星彩论坛| www.tf79.com-826彩票平台| www.yz87.com-河北快三走势遗漏| www.947675.com-体彩专家预测| 500万彩票www.39500c.com| www.fv01.com-soul彩票托-| www.e40.net-今晚七乐彩开奖现场| www.1380.tv-网络彩票代理证据| www.s41.net-查看福彩中奖号码| www.764709.com-彩神通会员4码很准| www.71we.com-2元体彩网-| www.4183.com-七彩云主机-| www.22994.cc-王者彩票苹果版下载| www.85037.com-今日彩圣字谜总汇| www.062510.com-破解彩票漏洞获刑| www.157575.com-足彩猜比分技巧| www.420142.com-移动话费购彩票| www.567978.com-做彩票代购合法吗| www.026105.com-007彩票网-| www.7420.in-体彩竞彩旗舰店| www.893917.com-彩31彩票-| www.255955.com-休闲快三慢动作| www.2468.cn-易语言彩票公式源码| www.349234.com-体育彩票收藏| www.by03.com-苏州快三开奖| www.wm21.com-123会员彩票下载| www.488196.com-聚像彩登录-| www.639647.com-支付宝无法兑换彩票| www.518375.com-赢彩专家官网手机版| www.092829.com-福彩6十i开奖结果| www.886392.com-好运来彩票会员登录| www.947425.com-彩吧论坛首页天气网| www.983704.com-9928彩票下载| www.pk43.com-吉林快三360| www.g93.tv-彩宝软件下载官网| www.18oz.com-福利彩票微信二维码| www.970227.com-盛邦财团彩票| www.dq99.com-哪些省份有快三彩票| www.35uw.com-七星彩走势图爱浪| www.015508.com-七星彩综合版走势图| www.081863.com-怎么玩七星彩三字定| www.156950.com-英国五分彩开奖软件| www.022634.com-甘肃体彩11选择5| www.07dq.com-复杂麋鹿彩铅画| www.98466.com-腾讯分分彩近五百期| www.089186.com-彩6彩票官网| www.301.tv-买彩票赔了-| www.662540.com-兴盛彩票v3登录| www.877586.com-五行彩票公式| www.969863.cc-福彩3d秘密通道2| www.cp8522.com-内蒙古快三百位| www.7392.biz-福彩慈善事业| www.7408.pw-色彩静物临摹| www.67877.cc-网赌彩票刑事拘留| www.168078.com-中国福彩快三| www.768995.com-亚博彩票网-| www.964821.com-广西快三遗漏号码| www.656561.com-专业的购彩平台| www.215855.com-够力七星彩奖表| www.287122.com-彩票投注站申请书| www.871006.com-三国杀星彩-| www.080327.com-体彩开奖号码结果| www.525536.com-彩票需要上税多少|