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.216135.com-大发快三怎么看豹子| www.sl43.com-重庆彩票官网首页| www.826019.com-快乐彩票合法吗| www.822977.com-凤凰彩票_登录| www.c77.net-五洲彩票app下载| www.16455.cc-足球竞彩奖金计算器| www.303146.com-福利彩快三开奖结果| www.577743.com-阳光彩票代理加盟| www.961360.com-各种釉彩大瓶唐宋清| www.xv29.com-易彩是真的吗| www.942535.com-体彩模拟摇奖器| www.a90.org-私彩平台漏洞刷钱| www.702.site-h辉煌彩票下载安装| www.cp865.com-吉林快三平台下载| www.25292.com-彩铅画网站-| www.540700.com-福利彩刮刮乐图| www.737036.com-上海福彩选4| www.852864.com-香港买彩票的地方| www.928670.com-旺彩送的彩票| www.cp479.com-福彩3d字谜-| www.vw01.com-河北快三开奖统计| www.314668.com-足球彩票规则及玩法| www.73747.com-世界杯彩票哪里买| www.64za.com-夺金三分彩-| www.281046.com-福利彩票3d规则| www.711751.com-玩时时彩输死了| www.827608.com-3分彩软件-| www.y33.net-福彩3d太湖诗迷| www.461182.com-彩独2百度云| www.595236.com-竞彩网官方论坛| www.672713.com-七星彩开奖更多期次| www.751144.com-极速赛车彩票平台| www.817299.com-区块链彩票agb| www.894850.com-内蒙体育彩票| www.959477.com-佳缘女孩带我玩彩票| www.cp093.com-今天喜乐彩中奖查询| www.01874.com-中华彩吧更懂彩民| www.2667.wang-下载旧版本九九彩票| www.307870.com-派彩网走势图网页| www.282358.com-彩票实时开奖| www.ze08.com-43彩票app-| www.451.in-爱乐透彩票客户端| www.9891.com-体彩七位数历史号码| www.65739.com-福彩三d论坛讨论区| www.037973.com-网络彩票线下| www.609636.com-腾讯分分彩三星漏洞| www.685554.com-福利彩票专业版软件| www.21hf.com-88彩票网安全吗| www.505.online-黑彩平台幕后| www.599022.com-双色球彩票34期| www.528690.com-浙江体彩31选7| www.216248.com-体彩七星彩中奖彩票| www.276378.com-新西兰快三走势图| www.216575.com-中国快三第一| www.555840.com-尊十彩票-| www.670065.com-海南彩票中心网站| www.cp6133.com-福彩网app下载| www.265678.com-网易足彩专家推荐| www.756927.com-彩票66犯法吗| www.287295.com-重庆时彩刷返点| www.462036.com-公益中华彩票网| www.860446.com-好彩双爆珠整条图片| 天天彩票www.1035a.com| www.17ow.com-澳客彩票网电脑| www.158966.com-博友彩注册-| www.372595.com-特彩吧下载安装| www.463598.com-大掌柜彩票大发快三| www.532.cn-重庆市彩单选走势图| 大赢家彩票平台www.351867.com| www.m69.xyz-时时彩上瘾怎么戒| www.58iw.com-4c彩票送金-| www.0200.top-中国有哪些高频彩| www.028156.com-388彩票送彩金| www.787613.com-彩票诈骗过程| www.889303.com-彩神软件下载安装| www.960512.com-返点彩票-| 亿万彩票www.931499.com| www.ke04.com-福彩计划群-| www.d88.online-彩民网高手论坛| www.102895.com-k彩登陆线路测速| www.69106.com-体育彩票怎么赚钱| www.070765.com-高频彩票是什么原理| www.091739.com-体彩彩票骗局| www.275679.com-山东体彩手机客户端| www.541368.com-体彩门店查询| www.686949.com-彩票中奖梦境| www.798794.com-481体育彩票| www.889914.com-篮球竞彩推荐| www.972233.com-彩票api接口地址| www.ta3.com-北京快三玩法规则| www.vo96.com-福彩双色球历史开奖| www.274198.com-时时彩预测软件排行| www.176307.com-百盈快三的规律| www.404369.com-七星彩是不是骗人的| www.221671.com-足球彩票四大欧赔| www.919849.com-高仿彩票机出售| www.812.red-彩虹形状的花束| www.6637.top-分分彩任一万能五码| www.970377.com-ag彩票数据-| www.256290.com-福利彩票有几种玩法| www.219794.com-彩吧论坛首页高手| www.581770.com-凤凰彩票是骗局| www.516535.com-魔方快三-| www.697297.com-国民彩票靠谱吗| www.393581.com-陕西体育彩票官网| www.00uz.com-彩票少一个角| www.004361.com-玩高频彩的最高境界| www.517980.com-诚信彩票网址| www.01437.com-体彩一定牛数据图表| www.036358.com-彩票计划挂机软件| www.830245.com-哪里可以买彩票网| www.zy50.com-中国竞彩店怎么申请| www.158.bid-关于彩虹的微信名| www.183917.com-老快三中奖号| 盛彩网www.41518l.com| www.813700.com-福彩代理收入| www.090116.com-福彩7乐彩开奖| www.9327.cn-新加坡是什么彩票| www.046904.com-甘肃省快三助手| www.271226.com-新浪彩票开奖直播间| www.8672.biz-财神会彩票-| www.565050.com-手机中彩-| www.650536.com-小班彩虹伞的玩法| www.732307.com-3d彩宝网专业版| www.158402.com-北京足彩单场| www.041360.com-博发彩票-| www.g53.com-新浪竞彩足球| www.81nl.com-数字三彩神通官网| www.pw11.com-长城彩票是真的吗| www.28589.com-哪些人买彩票| www.72762.com-北京福彩小助手| www.7602.vip-高兴彩票下载| www.185908.com-五分快三怎么玩| www.270832.com-好彩1871价格| www.gf62.com-网上快三彩票合法吗| www.33qz.com-鱼彩票-| www.261273.com-彩票vip系统查询| www.360464.com-优彩区-| www.208279.com-在线派彩电子走势图| www.8463.vip-众发彩票合法| www.899518.cc-手机彩票平台大全| www.954905.com-85彩票下载-| www.998241.com-中体彩票-| www.bc82.com-多乐彩11选5| www.os31.com-105彩票是骗局吗| www.y37.com-快乐彩上中下| www.322773.com-彩票yes计划网| 500彩票www.26299q.com| www.239584.com-快三赌博新闻| www.947110.com-高频彩票的原理| www.431821.com-彩无敌计划-| www.018800.com-彩票之家彩民你同行| www.984310.com-福建快三号码统计表| www.qn5.com-吉林省福彩网| www.706979.com-体彩283奖金| www.2348.in-福利彩票cctv| www.7014.biz-体彩竞彩篮球玩法| www.330252.com-体彩历史开奖结果| www.28471.com-中彩网号-| www.55bg.com-腾讯分分彩前三和值| www.828782.com-休闲快三河南洛阳| www.jk75.com-快三万能号-| www.y07.top-最大彩票网-| www.230216.com-盈彩骗局-|