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.26ye.com-手机澳客彩票网首页| www.013303.com-福彩星开奖结果| 亿彩堂www.87668e.com| www.dl93.com-那个地方玩快三的多| www.81gv.com-体育彩票大乐怎样卖| www.781338.com-恒彩88登录地址| www.795090.com-新加坡五合网彩图库| www.927361.com-一般彩票是几位数| www.96vt.com-系统彩票是什么意思| www.611935.com-彩虹宝宝图片大全| www.702970.com-足彩是不是骗局| www.767393.com-金百万福彩3d| www.876445.com-福彩5d中奖怎么看| www.cp106.com-广西快三奖金对照表| www.kq95.com-重庆快三是什么| 万历彩票www.77114x.com| www.356488.com-黑龙江福彩管方| www.464902.com-微信买体彩如何兑奖| www.557973.com-海南彩票4位数| www.661520.com-779彩票群-| www.731159.com-五选三彩票下载| www.808392.com-新浪彩票足球分析| www.878539.com-乃蒙快三助手下载| www.946537.com-竞彩二串一稳赢技巧| www.990321.com-福利彩票多少个数字| www.sk5.com-重庆老时彩走势图| www.rv39.com-一定牛彩票开奖直播| www.03yo.com-体育彩票大乐走势图| www.dm96.com-快三快投第一门户| www.30ns.com-福彩3d和值13| www.349646.com-今日福彩3d数字谜| www.447886.com-福彩梁博说彩今天| www.554717.com-七天彩票可靠吗| www.632579.com-一定牛体彩app| www.708776.com-时时彩一天输了七万| www.782954.com-大同购彩平台合法吗| www.860943.com-好彩一开奖历史纪录| www.922925.com-江西彩票11选5| www.985596.com-竞彩交易指数盈亏| www.gc5.cc-安徽福彩快三真假| www.148124.com-皇都彩票全部彩种| www.136876.com-武汉彩票店转让| www.220370.com-体彩体彩独胆预测| www.318892.com-江西省体彩兑奖中心| www.373226.com-乐彩网175-| www.298563.com-时时彩后三混选稳赚| www.362102.com-易赢彩票网-| www.549813.com-足彩店怎么开| www.699505.com-新浪爱彩切换| www.918588.com-苹果彩票软件排行榜| www.233240.com-福利彩票走势图软件| www.448253.com-彩票工具网(最新)| www.607885.com-韩国快三技巧| www.61301.com-038彩票监管| www.40974.com-亚榑彩票-| www.008528.com-智慧彩软件破解| www.086170.com-时时彩五星走图| www.180585.com-快三彩票计划软件| www.431177.com-中彩网3d数据| www.979096.com-好彩烟哪里有卖| www.223504.com-快三一分-| www.351056.com-卖体育彩票挣钱吗| www.795383.com-中彩票如何兑奖| www.906720.com-雅彩彩票是不是正规| www.996541.com-利盈彩票下线| www.184646.com-福彩自助北京快3| www.863290.com-彩客网app是哪种| www.py82.com-彩票代理被抓案例| www.877063.com-福彩5d是什么| www.965221.com-福彩藏机图新彩吧| 99彩票www.129989.com| www.385320.com-千喜彩票网址| www.586072.com-下载i8彩票-| www.663277.com-3g彩票门户-| www.311393.com-大发快三的运算公式| www.514962.com-彩妆高档品牌| www.663865.com-北京7星彩-| www.778574.com-8彩票网址-| www.858122.com-足彩竞彩全部比分| www.930398.com-正版新粤彩图| www.982484.com-竞彩大赢家实体店| www.ao18.com-利彩开奖-| www.ub79.com-七乐彩中奖金额查询| www.10qp.cc-彩38导航者-| www.618142.com-福彩中的幸运彩| www.689207.com-齐鲁彩票几点开奖| www.778537.com-8号彩票下载安装| www.847007.com-南国彩票规律图| www.901902.com-凤凰公益彩-| www.984248.com-深圳福彩官方app| www.447361.com-福彩三d晒时票| www.al71.com-贵州体彩7位数| www.pz30.com-彩九官网下载| www.0bj.cc-足彩卖料的人违法不| www.686424.com-人教版中彩那天教案| www.129941.com-体彩网手机比分| www.259234.com-竞彩足球比分百度| www.365502.cc-台湾即时开彩| www.143660.com-有玩彩运8的吗| www.310744.com-的福彩3d返奖率| www.448835.com-山西省体育彩票中心| www.318034.com-巨弘彩票多久成立的| www.382567.com-一元起投彩票| www.68636.cc-福建天天彩-| www.691025.com-中国足彩网八方预测| www.225557.com-百合彩票-| www.339433.com-深圳福彩投诉| www.410321.com-下载彩票开奖加| www.547211.com-什么是彩票跟单| www.dw11.com-单机新快三恐龙快打| www.52rj.com-齐鲁风彩票双色球| www.397839.com-足彩比分直播预测| www.779510.com-竞彩网足球专家预测| www.332623.com-彩票网上购买软件| www.591705.com-福彩三d所有图表| www.664653.com-体彩订票下载软件| www.588281.com-七星彩最准的头尾| www.651190.com-水彩肌理技法大全| www.030414.com-聚宝网彩票资料大全| www.01157.com-彩之网独家-| www.3639.cc-昨天彩票号码是多少| www.9287.top-鸿运乐彩可以赢钱吗| www.213381.com-幸运快三输了怎么办| www.059273.com-网上k彩合法吗| www.82798.com-竞彩二串一打水| www.045673.com-彩83在哪下载| www.111990.com-黑彩平台靠谱吗| www.170596.com-快3彩票玩法介绍| www.234986.com-福利彩票安卓版| www.302282.com-体彩第19095期| www.363234.com-羽泉《彩虹》吉他谱| www.7383.cm-绍兴竞彩店-| www.424218.com-天下免费彩票| www.857626.com-下载中国福彩票| www.919332.com-中彩网北斗3d推荐| www.967998.com-彩票输钱了怎么办| 乐彩www.435050.com| www.983540.com-彩票站软件-| www.713774.com-彩票多大尺寸| www.775555.com-彩吧骗局-| www.833012.com-3d彩票app下载| www.904095.com-彩票购彩平台| www.963394.com-大发彩票开奖记录| 吉利彩票www.66376y.com| www.69227.cc-众博彩票登录| www.035294.com-字彩票用语-| www.118461.com-博彩话术-| www.180512.com-北京快三预测号| www.244046.com-七星彩中国体彩网| www.308093.com-贵州体彩网点查询| www.280119.com-彩票96期-| www.350607.com-体育彩票怎样赚钱的| www.469876.com-彩票五行属火还是金| www.9394.biz-高频彩种服务好| www.058635.com-3d东盛彩报今天| www.153329.com-彩先知彩票精准大师| www.262387.com-皇都彩票假不假| www.422999.com-福彩快乐十分图标| www.94ux.com-彩狗金手指客服| www.614443.com-日本彩票怎么兑奖| www.705382.com-帝王app彩票| www.876050.com-快3爱乐彩北京| www.022635.com-怎么看快三彩票规律| www.170082.com-甘肃兰州快三走势图|