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.297221.com-乐购彩票是真的吗| www.410633.com-姜山金石开足彩分析| www.26fw.com-谷歌分分彩开奖原理| www.id5.cc-内蒙古11选5体彩| www.943334.com-彩票负盈利怎么刷| www.cai118.cc-快三官网投注| www.223351.com-五分彩app下载| www.83cz.com-喝彩中华评委都有谁| www.882626.com-网上的易彩堂可信吗| www.755791.com-黑牛资料彩吧图库| www.93un.com-彩色创意画-| www.18926.cc-福利彩双色球安装| www.591535.com-至尊博彩论坛| www.714163.com-国彩彩票是正规的吗| www.808483.com-体彩胜负平规则| www.994159.com-竞彩限额-| www.nj17.com-竞彩足球360网| www.005827.com-5分⑥和彩开奖结果| www.23182.cc-双彩球下期预测号码| www.689348.com-山东福彩中心公众号| www.238900.com-私彩网站哪个最安全| www.493983.com-808彩吧计划| www.808041.com-足球竞彩赛事直播| www.954298.com-时时彩助手苹果| www.qc82.com-彩票直码什么意思| www.8554.cc-306手机彩票网站| www.85548.com-台湾彩虹-| www.145602.com-足彩网胜平负| www.361896.com-彩虹秒赞美化| www.33gi.com-飞来福彩吧微信加入| www.531965.com-福彩双色球要按顺序| www.207655.com-彩吧助手旧版| www.290208.com-彩吧app-| www.281478.com-快三开奖直播软件| www.455206.com-皇冠彩票合不合法| www.825511.com-上彩传媒-| www.963007.com-彩铅花卉图片| www.6zo.cc-足彩大乐透走势图| www.6550.vip-旺彩彩票查询双色球| www.683411.com-彩吧助手官网| www.822169.com-四象彩票预测源码| www.923908.com-三个骰子彩票叫什么| www.ai6.com-广西快三倍投技巧| www.61048.cc-福彩三b字迷总汇| www.826773.com-南方彩票是真的吗| www.153353.com-福利彩票如何购买| www.386815.com-盛彩彩票假的吧| www.383468.com-英国有什么彩票开奖| www.520827.com-分分彩后二杀一码| www.456278.cc-乐博彩票怎么破解| www.590266.com-竞彩分析app| www.388755.cc-6f800彩票-| www.39835.cc-彩八彩票c85| www.013802.com-七星彩43-| www.005344.com-河北福彩地方彩票| www.082986.com-福建体育彩票22| www.147542.com-广西快三计划精准版| www.232419.com-网上彩票怎么赚钱| www.307227.com-多乐彩票时时彩| www.375644.com-体彩兑奖需要哪些| www.dc09.com-311亿彩票-| www.120867.com-福彩双胆2天计划| www.210031.com-最新江苏快三下载| www.60152.com-彩票多少钱开始收税| 68彩票www.68689x.com| www.299226.com-河北快三推荐的| www.502638.com-星际彩票平台合法吗| www.587397.com-篮球竞彩推荐软件| www.94qg.com-如何看七星彩走势图| www.106715.com-下载体彩开奖| www.30wn.com-彩色玫瑰怎么做| www.662131.com-竞彩6x6-| www.58.com-亿元大奖彩票图片| www.86rn.com-乐彩3论坛-| www.333907.com-体彩几个数-| www.918115.com-黑彩5分钟一期| www.991551.com-旺彩彩票电脑版| www.an91.com-江西快三怎么开奖| www.693703.com-端彩祥云app下载| www.662201.com-海南7星彩开奖直播| www.746269.com-新德里彩票官网| www.677021.com-易彩网址多少| www.32671.cc-198彩平台登录| www.80994.com-秒开彩-| www.03ha.com-彩天堂-| www.082528.com-118彩票软件平台| www.178364.com-微信里可以买彩票吗| www.cp486.com-兰州快三走势ll图| www.518700.com-乐盈彩票苹果版| www.4564.org-买彩票怎么样买| www.033534.com-怎么合作彩站宝| www.571221.com-好彩妹神童-| www.78tf.com-我的泊利彩票| www.3524.biz-校长福彩预测双胆| www.98oy.com-体育彩票排列3走图| www.836306.com-福彩专家推荐号今日| www.8827.cm-腾讯分分彩说明| www.72286.com-好易自助终端彩票| www.028510.com-c555彩票-| www.92gl.com-百万彩票是真的么| www.1859.biz-狗万是什么彩票软件| www.372168.com-体彩大乐透相关预测| www.609617.com-腾讯分分彩打法技巧| www.700277.com-辽宁省体育彩票中心| www.777914.com-七星彩质和走势图| www.27mw.com-怎样手机投注彩票| www.444929.com-体育彩票总部在哪里| www.637127.com-彩虹六号不同版本| www.719756.com-河北快三投注表| www.133800.com-雷好彩1预测| www.212459.com-福彩投注站末位| www.280531.com-乐乐彩票和法吗| www.360115.com-彩票网大数据准不准| www.183217.com-上海彩票快三| www.108407.com-网络彩票能连赢多久| www.189908.com-福彩3d蓝琪儿断组| www.833602.com-体育彩票三位数开奖| www.861570.com-腾讯彩票计划| www.88ks.cc-七彩斗地主辅助器| www.yk87.com-贵阳福彩官方网| www.800260.com-福彩是什么生肖| www.913150.com-彩客网能提现吗| www.983409.com-中国福利彩票吧| www.cp0318.com-彩票开挂神器| www.zx38.com-怎样开竞彩店| www.qs30.com-甘肃省福彩中心地址| www.586200.com-微彩吧苹果下载版| www.659457.com-彩之星是真的吗| www.376009.com-安徽体彩中心负责人| www.68ap.com-什么是彩礼钱| www.233640.com-老谢说彩2018年| www.5cz.com-苏州彩票销售员招聘| www.027337.com-福彩时时乐开奖结果| www.393832.com-体彩刮刮乐兑奖方法| www.952569.com-时彩平台有哪些| www.71sy.cc-百度中国福利彩票| www.677591.com-章鱼彩票下载安装| www.1596.me-699彩票真的假的| www.6816.com-彩票三地图迷| www.42396.com-吉祥彩票app下载| www.98729.com-快上海快三号码| www.550658.com-华夏彩票巨额打造| www.654165.com-重庆时时彩遗漏走势| www.734896.com-福利彩票属于国企吗| www.815831.com-北京七星彩公司网址| www.871644.com-足彩过滤-| www.971165.com-老版本单机新快三| 中彩网www.91233h.com| www.001543.com-千盛国际购彩大厅| www.138070.com-各种彩票app| www.947471.com-3d福彩购彩小贴士| www.999597.com-境外彩票信誉网址| www.bk71.com-十一选五体彩浙江| www.sk80.com-新时时彩网址是多少| www.2ic.cc-体彩有买双色球吗| www.46bs.com-彩票店和什么一起卖| www.146.cm-天津彩站宝-| www.2786.cn-手机体彩山东| www.22719.com-下载大公鸡七星彩| www.vn01.com-七乐彩走势图带连线| www.19900.cc-吉林快三下午推荐号| www.92641.com-彩钢房多少钱一平方| www.196111.com-今日体彩开奖号| www.980008.cc-彩票担保人-|