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天

知道了
彩票123现在叫什么名字 www.029230.com-19042期胜负彩| www.900946.com-福彩排5开奖| www.040071.com-大奖彩票软件安卓版| www.140896.com-福彩2d故事-| www.8736.xyz-重庆时时采彩乐彩图| www.19nz.com-泰安市体彩中心| www.376736.com-七星彩忍者图规| www.99yw.com-三彩彩票是真是假| www.1255.cc-快三顺子下面出什么| www.09270.com-广东体彩店申请| www.094008.com-中国福彩中心开机号| www.xd45.com-三分快三网-| www.833116.com-网络彩票77-| www.4636.vip-河南福彩快三开| www.727317.com-快3福彩开奖号| www.901411.com-彩票算法大揭密| www.bn7.com-快三开奖结果湖北省| www.001170.com-运彩网官网登录| www.716192.com-皇家时时彩计划下载| www.808375.com-中国体育彩票投注| www.2056.vip-3d讨论专区中彩网| www.037016.com-平台彩票是不是骗局| www.973999.com-美国超级彩票| www.641357.cc-香港时时彩官网| www.726060.com-人人彩票怎么进不了| www.848983.com-专业时时彩软件| www.934935.com-福彩机连接电视口| 网易彩票www.064wy.com| www.hr39.com-好彩堂开奖结果| www.uh24.com-福利彩票官方网站| www.7505.cc-在体彩店上班怎样| www.15fd.com-福利3d彩票试机号| www.1888.mobi-福利彩票太湖之谜| www.vj36.com-购物送彩票-| www.111889.com-淘彩是什么-| www.237485.com-福彩3d玩法说明| www.sg91.com-全球最大的彩票平台| www.9909.win-宏盛彩票app| www.636360.com-彩虹棋牌游戏官网| www.vh12.com-快乐彩票平台正规吗| www.077115.com-中彩网注册不了| www.jx08.com-如何破解彩票app| www.91815.cc-青海西宁彩票店转让| www.li85.com-淘彩票app-| www.198104.com-福彩3d大本营预测| www.rh59.com-极速时时彩怎么老输| www.070.org-哪里下载山东云彩宝| www.132888.com-杨震足彩去哪了| www.5220.top-实力彩票平台大全| www.032925.com-七星彩机选号码| www.686092.com-七星彩直播开奖结果| www.840542.com-卡姿兰彩妆国内排名| www.916792.com-彩票举报平台登录| www.973719.com-好运彩彩票网合法吗| www.02377.cc-中华彩吧app| www.872415.com-快三什么情况出长龙| www.341566.com-诺亚彩票登录| www.002276.com-单式七乐彩中奖号码| www.152264.com-e球彩软件-| www.825662.com-福骰快三-| www.971729.com-有红包雨的彩票平台| www.iu02.com-计算器足球竞彩| www.44906.com-广东彩票手游彩| www.086544.com-七乐彩胆拖兑奖表| www.866855.com-快三福彩书籍| www.y63.club-刮彩票怎么算中奖| www.247.net-中国福彩官网网址| www.786223.com-昨日福利彩票号码| www.871272.com-乐赢彩票是黑平台吗| www.21829.cc-每日首充彩金| www.017942.com-彩票网站刷首充| www.01in.com-彩虹纹产生的原因| www.930454.com-997彩票下载安装| www.983602.com-绵阳福彩中心地址| www.06hi.com-体彩奖金包括本金吗| www.82ue.com-竞彩之家最新版下载| www.2004.vip-易彩娱乐线路测试| www.149150.com-505彩票套餐| www.382502.com-一元彩票app| 亿发彩票www.507933.com| www.53ja.com-一张彩票多少钱一张| www.11595.cc-高频彩网站-| www.484833.com-新彩华章互联网彩票| www.332041.com-彩票开奖图表走势| www.379844.com-彩丰行-| www.489696.com-大发快三真的假的| www.961542.com-购彩彩票下载安装| www.3006.live-彩的字谜-| www.076805.com-韩国彩票网站| www.834661.com-亚太好彩蓝莓双爆| www.953424.com-体彩中奖多少钱| 亿彩www.6832c.com| www.100739.com-竞彩足球外围app| www.174084.com-网上玩快三违法么| www.786773.com-今天的彩票中奖号| www.865234.com-天下彩彩友网| www.809043.com-彩票中奖感言| www.651946.com-仁信彩票稳不稳| www.587637.com-排列五彩之家走势图| www.660819.com-分分彩买大小单双| www.718098.com-周杰伦彩虹mv| www.787872.com-158彩票在线| www.847003.com-体彩申请条件| www.897865.com-中国足彩网欧冠| www.953703.com-我国正规彩票有哪些| www.994353.com-体育彩票兑奖查询| www.mq16.com-大发快三网址是多少| www.j43.shop-福利彩票快乐十分法| www.33xx.com-局七星彩排列五| www.96mh.com-体彩验票-| www.966966.com-新彩网彩票走势图| www.cai3338.com快三杀是什么意思| www.163124.com-福彩之家走势图| www.356954.com-对彩票的认知| www.68528.cc-369彩票分分快三| www.938721.com-上海福利天天彩选4| www.8358.biz-旺角彩皇开奖直播| www.29277.cc-彩虹平台-| www.35857.com-福彩三地独胆计划王| www.937012.com-鸿博彩票计划| www.995167.com-新浪网体育彩票| www.co76.com-万彩网是骗局吗| www.sy26.com-几种彩票-| www.059154.com-福彩3d对补关系| www.660464.com-彩票预测哪个软件好| www.770457.com-3d彩吧图今天的| www.874314.com-808七星彩长条| www.953415.com-好彩论坛-| 华彩www.71399x.com| www.3222.com-乐八彩下载-| www.03799.cc-穷人买彩票能翻身吗| www.034550.com-大盛游戏彩票网站| www.6754.xyz-17彩票下载-| 凤凰彩票www.77801s.com| www.412764.com-微信上的中华彩| www.974725.com-彩票41期-| www.38632.cc-彩易乐赢-| 亿彩www.6832c.com| www.796403.com-刷彩挣钱可靠吗| www.cp9818.com-福利彩票快三走势| www.k16.org-南洋彩往期开奖结果| www.096052.com-四川体育彩票七位数| www.196900.com-预知快三软件| www.812667.com-网上可以卖彩票吗| www.265509.com-乐彩论-| www.027739.com-基诺彩开奖网站| www.618056.com-所有彩票开奖公告| www.708239.com-足彩稳胆是什么| www.770806.com-360彩票k线图| www.872295.com-乐彩网下载安装| www.988062.cc-百万彩票是哪个平台| www.fc82.com-彩票开奖查洵公告| www.167059.com-中国福彩官方app| www.255220.com-cc极速彩票-| www.5955.top-我要看彩票开奖| www.98fp.com-乐彩排3-| www.085699.com-武汉市福利彩票官网| www.16ks.com-竞彩足球分析师招聘| www.6041.pw-幸运五星彩网站| www.290017.com-福利彩票中奖怎么领| www.wv81.com-一分快三单双买法| www.204157.com-江西省体彩中心地址| www.cp3737.com-百盈共享彩票| www.341314.com-河内五分彩后三分析|