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.vl64.com-彩票送体验金| www.062371.com-快三数据分析软件| www.964147.com-86彩票人工计划| www.xu.com-网上能买快三吗| www.3535.com-今日七乐彩推荐号码| www.9632.biz-澳洲时时采彩是官网| www.63262.com-中国足彩网亚洲杯| www.211832.com-彩票5-| www.378448.com-优乐彩彩票登陆平台| www.8529.top-时时彩是骗局揭秘| www.064936.com-天下彩票一-| www.5508.com-青岛彩票出租| www.28vx.com-如何下载彩票网| www.fv95.com-美国时时彩开奖记录| www.947428.com-西赵口彩吧-| www.771512.com-时时彩破绽在哪里| www.153.org-彩虹天堂周杰伦| www.178121.com-福彩快三什么意思| www.137.win-放彩虹屁的表情包| www.050136.cc-上海彩亿的彩票网站| www.018052.com-7星彩体育彩票| www.3767.vip-全民免费彩票可靠吗| www.34577.cc-今日七彩奖开奖结果| www.85345.com-七星彩30期走势图| www.128225.com-彩票和卖-| www.993031.com-福彩快三中两个号| www.201193.com-七星彩上官燕| www.931133.com-六爻预测彩票不准| www.2179.cn-哈尔滨七彩影城影讯| www.0061.top-国家正规发行的彩票| www.378846.com-玩彩票输了100万| www.036068.com-梦想彩票站点合法吗| www.56953.cc-亿彩堂app怎么样| www.61va.com-福彩3d14点和值| www.1111.blue-上海福彩网正宗吗| www.7215.pw-彩票打水方法| www.23686.com-481彩票玩法技巧| www.70606.com-内蒙福彩快三玩法| www.267577.com-彩票技巧高手| www.359858.com-体育彩票哪里买| www.459965.com-彩票中奖口诀| www.563897.com-福彩3d图今天的图| www.657329.com-利博彩票的网址| www.735573.com-c9时时彩票下载| www.867753.com-多赢大发快三全能版| www.945558.com-吉林快三怎么玩| 大赢家彩票www.592411.com| www.761391.com-好彩妹口头语| www.866461.com-昨日体彩开奖| www.947461.com-网购福彩-| www.cp6678.com-网上快三是合法的吗| www.268109.com-500彩票比分直播| www.444862.com-中彩票辞职-| www.544835.com-时时彩杀号工具在线| www.641088.com-一生荣耀彩票| www.939611.com-福彩公益事业| 乐点彩票www.ldfc8.com| www.942655.com-陕西福彩网官方首页| www.4ce.com-彩票现场开奖视频| www.32aj.com-v8彩彩票-| www.584518.com-中国正规的福彩软件| www.684911.com-500竞彩比分| www.780199.com-长沙快三-| www.28275.cc-常州市福彩中心| www.353598.com-凤凰采彩票-| www.036609.com-快三选号器-| www.47031.com-菲博时时彩平台| www.95630.com-彩票是怎么分配的| www.70680.com-新盈彩大发快3| www.846969.com-中国体彩在线app| www.947156.com-彩票的真实性有多高| JJ彩票www.22303.cc| www.xl98.com-福彩3d单一走势图| www.27kl.com-买体彩亏了几十万| www.032867.com-开心七星彩坛| www.961557.com-黑牛吧全彩-| www.036836.com-爱投彩票软件| www.26mq.com-网上销售彩票合法吗| www.338495.com-福利彩票微信投注| www.kl35.com-七星彩开奖历史记录| www.17033.com-体育彩票打印机| www.71539.com-体育彩票3d试机号| www.8192.top-彩票幸运之门官网| www.12259.com-中国体彩中心石景山| www.828186.com-龍之彩彩票-| www.381914.com-体彩站生存状况| www.908298.com-哪个彩票网站可靠| www.221779.com-01彩票ios版| www.963141.com-体彩顶呱刮运| www.398079.com-有哪些彩票软件| www.37ro.com-福彩双色球什么时间| www.31672.com-足球唯彩看球| www.066173.com-重庆老时时采彩走势| www.139472.com-彩玉海棠图片| www.087073.com-五福彩彩票通用版| www.465515.com-5d彩超设备价格| www.173068.com-快三app免费下载| www.140518.com-爱玩彩app-| www.593348.com-七彩投资怎么样| www.795883.com-7k购彩网址-| www.8864.tv-彩票专业的学校| www.312165.com-七乐彩专家免费预测| www.317365.cc-七乐彩玩法规则| www.415588.com-竞彩返还率赔率研究| www.560040.com-吉林福彩快三遗漏| www.651291.com-水彩大师阿尔瓦罗| www.88560.com-足彩微信群-| 顶尖彩票www.234297.com| www.l77.com-彩神ix赚钱技巧| www.633547.com-7乐彩规则-| www.855444.cc-快3彩票群里的托| www.55np.com-九州彩票网正规吗| www.3141.cn-彩票平台源码哪家好| www.72263.com-顶呱刮彩票利润| www.283698.com-七乐彩开中奖规则| www.449961.com-博彩水-| www.3637.mobi-网络高频彩怎么举报| www.99017.com-彩票复式机选器| www.086013.com-凤凰彩票vlll| www.67kr.com-七乐彩复式机选一注| www.10499.cc-胜负彩综合走势图| www.125071.com-靠谱的彩票网站| www.268004.com-湖北快三260计划| www.334179.com-彩票网大数据| www.116698.com-体育彩票投资技巧| www.ik87.com-中国福彩网下载安装| www.288.org-免费彩票系统| www.5955.tv-陕西体彩中心地址| www.22083.com-足彩有操盘手吗| www.990332.com-3d彩票软件有哪些| www.00361.com-快三和值计算下一期| www.008642.com-159彩票网安全吗| www.47hg.com-招彩票员的吗| www.84277.cc-福彩星开奖结果查询| www.7lw.cc-立体彩铅画树图片| www.0675.me-申请福彩销售点| www.343735.com-248彩票合法吗| www.736212.com-无极彩票平台| www.870566.com-盛大彩票安全吗| www.934813.com-点击彩下载-| www.998811.com-香港三色彩票| www.fa40.com-网络彩票吧-| www.096995.com-江西省福彩中心地址| www.461382.com-体彩排列三兑奖时间| www.68iq.com-福彩3d打击黑彩| www.0478.cn-开奖公开奖公告彩票| www.7150.vip-七彩音符儿歌| www.23me.com-重庆体彩官网平台| www.223670.com-快三网址大全| www.279450.com-时时彩官网啥时候停| www.727673.com-山东经经福彩在线| www.484377.com-仟彩摸吧-| www.694408.com-运盛彩票app| www.fm19.com-福彩3d论坛定胆| www.vr60.com-福彩开机号今天| www.563180.cc-彩民社区-| www.651330.com-彩票极速赛车怎么玩| www.830793.com-彩票之家免费資料| www.183603.com-彩票怎么买-| www.727165.com-福彩图彩频道| www.860446.com-好彩双爆珠整条图片| www.dx78.com-福彩快三计划官网| www.m20.website彩票51中彩-| www.51na.com-彩种投注大小双单|