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.493789.com-福彩3d彩乐园中国| www.963622.com-彩铅风景画图片| www.mi86.com-新时时彩宝典下载| www.60md.com-福彩和值振幅| www.5223.xyz-温州体彩兑奖流程| www.57991.cc-福彩传真-| www.083220.com-传奇彩票是真的假的| www.235507.com-广东福利彩票app| www.390054.com-买体彩亏了几十万| www.958429.com-七星彩二字现比率| www.hn73.com-湖北福彩快三3同号| www.31qa.com-礼拜一开奖的彩票| www.6809.vip-彩票开奖字谜太湖| www.61175.com-旧版爱乐透彩票图表| www.121573.com-买彩票输最惨的人| www.258049.com-福建即乐彩中奖| www.392263.com-彩票挂机软件论坛| www.565535.com-中国彩吧网手机登录| www.723578.com-常州中彩票-| www.548422.com-博彩王彩票软件下载| www.669701.com-手机玩彩票真的假的| www.793813.com-重庆时时彩360杀| www.917886.com-彩虹宝宝第二季| 酷彩网www.773976.com| www.653231.com-澳门星星彩官方网| www.798810.com-分分彩稳赚不赔计划| www.960346.com-彩之家投注安全吗| www.zh9.com-幸运彩河南福彩网| www.zi87.com-双彩网论坛论坛| www.1696.vip-e彩票手机客户端| www.563642.com-湖北快三怎么手机玩| www.828297.com-春天彩票下载| www.b22.tv-福彩三地试机号千禧| www.83gy.cc-福彩抓管理-| www.3807.cm-开心彩票网交流区| www.127804.com-fc彩虹岛-| www.233480.com-北京彩票pk10| www.356539.com-过年为职工发彩票| www.506188.com-体彩7位数开奖日期| www.653861.com-3d福彩大全-| www.783282.com-非法彩票的定义| www.ym7.cc-网上买彩票平台| www.20uu.com-19029体彩预测| www.4465.com-彩票中奖没规矩| www.46843.com-时时彩数据分析软件| www.027366.com-国家正规的高频彩票| www.111076.com-二手福彩机价格| www.206171.com-易彩网跟买靠谱吗| www.292915.com-时时彩双胆技巧算法| www.405407.com-关于彩虹美的句子| www.580378.com-大发时时彩五码计划| www.704923.com-彩票快乐三分| www.806122.com-类似浩博的一样博彩| www.381613.com-亿乐彩是黑平台吗| 彩乐汇www.clh1.com| www.0fg.com-乐彩网登录-| www.7805.pw-竞彩低配倍投| www.098780.com-南方彩票走势| www.371355.com-网上购彩软件那个好| www.739077.com-彩票平刷软件手机版| www.94wl.com-迪嘉彩票-| www.72221.cc-鼎盛彩票网9192| www.178343.com-大发快三在线计划| www.369190.com-神采争霸大发快三| www.657051.com-彩票中奖二维码| www.878393.com-时时彩任四技巧| www.772597.com-时时彩如何破| www.bk53.com-鳄鱼彩票网-| www.84qp.com-福州市彩票店| www.08592.cc-鸿彩灯光官网| www.160357.com-云彩店app-| www.436800.com-体彩赛车-| 大赢家彩票平台www.375781.com| www.94rx.com-七星彩如何看走势| www.17978.com-幸运彩兼职是真的吗| www.028821.com-合肥市福彩中心| www.83003.com-今日足球竞彩二串一| www.119369.com-彩神最高邀请码| www.280003.com-彩199彩票-| www.531846.com-福彩全国积分| www.456278.cc-乐博彩票怎么破解| www.587608.com-彩13专家-| www.ge03.com-彩迷视频-| www.36981.cc-体彩排列三字谜区| www.395225.cc-彩虹app分发| www.9027.vip-nba总冠军博彩| www.58572.cc-官方创彩app下载| www.779208.com-下带福利彩票双色球| www.zu.com-河南快三和值走势图| www.026910.com-招彩票刷手-| www.499103.com-鼎丰彩票是正规的吗| www.660146.com-彩票下载官网| www.980259.com-买彩票怎么能中| www.948692.com-彩票资金分配| www.86656.cc-快三顺子包选| www.99633.cc-彩码网站大全| www.215719.com-青海快三投注平台| www.525032.com-天天乐福彩app| www.26fj.com-体彩80选20-| www.175129.com-贵卅快三开奖结果| www.428710.com-彩票随机一注| www.812833.com-七乐彩论坛-| www.223701.com-足球e球彩总进球数| www.512162.com-儿童动物彩铅画图片| www.05428.com-哪里有买彩票的网站| www.348896.com-彩票高手网齐中网| www.974219.com-彩铅画百合花一枝花| www.593699.com-美国七彩产业集团| www.701518.com-重庆时时彩套路法| www.03bw.com-双色球走势图新爱彩| www.78fu.com-国外足彩怎么买| www.2424.vip-彩票之家大全| www.7682.vip-福彩3d坐标-| www.65452.com-哪个软件预测彩票准| www.w79.cn-神彩网论坛永不卖料| www.32117.cc-体彩营业时间| www.4976.vip-香港最近赛马派彩| www.47867.com-甘肃快三规律| www.53ug.com-买的七乐彩七个号码| www.13wx.cc-湖北快三牛势图| www.cai6822.com快三走势图甘肃形态| www.tp84.com-安徽快三怎么投注赚| www.20zl.com-山西彩票11选5| www.49996.cc-上海福彩6十个| www.314477.com-玩彩票小技巧| www.479306.com-快99彩票-| www.607686.com-彩虹旗论坛泡弟弟| www.79779.com-九州彩票网址谁有| www.330462.com-可以赚钱的彩票软件| www.900048.com-51彩票快三-| www.pz75.com-彩票77安卓-| www.8901.cm-神兽竞彩团队推荐| CP701www.cp702.vip| www.e60.org-网上售彩首批名单| www.732875.com-体彩七位数历史号| www.44247.com-福建体彩31阿四| www.439559.com-玩京彩犯法吗| www.823968.com-福彩3d模拟开奖号| www.299621.com-南方双彩首页大全| www.cw35.com-私彩一天能挣多少钱| www.35.com-七星彩出奖号码结果| www.8877.bid-lb快乐彩作假| www.130758.com-黑马彩票-| www.266440.com-河北省福利彩票| www.tz78.com-最牛的竞彩足球大奖| www.537832.com-色彩颜色-| www.591.me-四川桥洞底下买彩票| www.235817.com-河南快三猜一个号码| www.01du.com-今天开七星彩吗| www.300078.cc-河南福彩快3遗| www.196679.com-福彩体彩开奖结果| www.813092.com-福彩3d字谜迷| www.534870.com-下载拍拍彩票| www.99ut.com-中国福利彩票可以买| www.54518.com-大发时时彩漏洞| www.369844.com-云彩店app下载码| www.97558.com-众彩网官网-| www.763463.com-华宇国际彩票| www.975689.com-内蒙古福彩闪退| www.ls10.com-时时彩开奖号| www.j70.net-118彩票-| www.870478.com-刚力彩芽拍av么| www.271679.com-好彩1生肖对应表| www.315836.com-手机版2d彩虹六号|