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.292775.com-人人国际彩票代理| www.443476.com-福彩3b字迷主题| www.88zr.cc-日彩网主页-| www.723827.com-盐城开发区彩票中奖| www.805269.com-7乐彩玩法说明| www.879895.com-安徽福彩新快三| www.954051.com-足球竞彩官网| www.032334.com-个人彩票网站推广| www.136195.com-搜狗彩票app下载| www.981458.com-私彩返点是什么意思| www.cn63.com-玩时时彩会坐牢吗| www.wf00.com-彩票开奖结果7| www.28uo.com-山东体彩扑克| www.0531.link-今天福彩3d-| www.6056.biz-老牛足彩-| www.13452.com-快三走势图玩法| www.63226.com-河南彩礼6万| www.021881.com-酷彩吧在哪里下载| www.093317.com-最热门的高频彩票| www.268422.com-内蒙快三跨度走势| www.411897.com-河内五分彩平台| www.562059.com-鸿彩网赞助-| www.111174.com-中国体育彩票中心| www.675811.com-彩票图纸怎么看| www.765329.com-湖南福彩福彩天地报| www.849933.com-腾讯分分彩开奖玛| www.916925.com-天下彩票是我开| www.975947.com-林州彩礼一般多少钱| www.cp8078.com-易彩快三计划| www.qp29.com-快三中两个数有奖吗| www.4yc.cc-福彩3d组三价格| www.238928.com-五亿彩骗局解密| www.827022.com-500wan彩网-| www.31zy.com-彩虹的美丽图片大全| www.4676.org-彩票30号-| www.31595.com-麒麟彩票网站| www.81744.com-我一夜暴富彩票股票| www.066535.com-900彩票违法吗| www.159157.com-福彩图迷第三版| www.312906.com-双彩论坛双彩图| www.444928.com-浙江爱彩人彩票网| www.539000.com-牛材网彩票指南报纸| www.675013.com-苏州体彩在哪儿兑奖| www.800038.cc-体彩大乐透计算公式| www.927377.com-山东体彩订票系统| www.wj03.com-福彩快三在哪下载| www.65nw.com-豪彩安卓手机版下载| www.1270.wang-福建体育彩票网站| www.01015.com-彩之网首-| www.52839.cc-下载头彩-| www.96961.com-亚博体育假彩票系列| www.062479.com-淘宝体育彩票| www.174748.com-快彩下载安装| www.272439.com-七乐彩投注技巧| www.352782.com-上海时时乐开奖彩| www.445573.com-彩票矩阵缩水器| www.576174.com-南方彩票彩网| www.693307.com-国际彩票网站| www.785709.com-福彩前几次开奖结果| www.878275.com-赛车彩票大骗局| www.994969.com-0500彩票-| www.lp34.com-创富彩票平台靠谱吗| www.20vg.com-彩票号怎么选| www.613.pw-e彩登陆-| www.40955.com-80彩票下载安装| www.88223.cc-彩民网网址平台| www.039791.com-福利彩票合买中心| www.121744.com-胜负彩开奖查询| www.196781.com-快三预测网-| www.274679.com-玩脑者时时彩软件| www.349820.com-周一晚上福彩| www.432413.com-体彩二等奖去哪领奖| www.528280.com-官方时时彩如何作弊| www.597848.com-阿莉彩票登录| www.676932.com-多彩办公大师| www.749809.com-500万彩票正规不| www.844465.com-o1彩票北京pk十| www.900629.com-三毛第二版彩吧图库| www.964728.com-澳门足彩即时陪率| 大赢家彩票平台www.215602.com| www.jk48.com-481彩票官方网| www.a64.cc-职业彩民一天赚多少| www.56pb.com-c9999购彩网| www.763.cm-时时彩刷流水犯法吗| www.4191.top-七彩云和-| www.8705.xyz-六号平台彩票| www.42949.com-天津七星彩开奖结果| www.83118.cc-绵阳福彩申请| www.044927.com-大乐透彩神通| www.146805.com-竞彩篮球分数直播| www.223300.cc-富贵彩票下载手机版| www.299955.com-中彩网客户端下载| www.366182.com-五彩斑斓黑的下一句| www.448227.com-福彩3d19030| www.532786.com-中国福利彩票申请| www.594569.com-上海三彩夏装新款| www.677602.com-香港百姓彩坛论坛| www.761341.com-彩计划网页-| www.605619.com-平台彩票可靠吗| www.890540.com-坤彩科技官网| www.tq56.com-网彩票如何申请代理| www.2072.com-冮苏体彩七位数| www.012827.com-七星彩几点开| www.196371.com-安徽快三单选单| www.407474.com-关于彩票的新闻| www.754.live-彩吧娱乐靠谱嘛| www.010178.com-甘肃体彩排列三| www.318263.com-创意水彩画-| www.829271.com-澳洲幸运10彩| www.78113.com-十六号体彩中奖号码| www.821100.com-福彩3d大兵图| www.k77.com-体彩即时开奖| www.97ql.com-销售黑彩票怎么处理| www.888294.com-网易彩票安装| www.243533.com-广东手机购彩| www.468163.com-广州福利彩票刮刮乐| www.510356.com-彩票平投最合适吗| www.869876.com-今天的3d福彩图纸| www.736899.com-众购彩票网官方网| www.122961.com-河北福利彩票网| www.453145.com-福彩一年销售额| www.781412.com-约彩彩票合法吗| www.12ek.com-吉林快三改时间了| www.rs53.com-乐彩快三是骗局吗| www.1955.wang-福彩机号-| www.62929.com-彩客胜负过关| www.527870.com-彩之家网站怎么样| www.733207.com-一分钟时彩骗人的| www.861920.com-体育彩票19036| www.967793.com-百合网上男彩票托| www.fa02.com-一分快三稳赚公式| www.73ch.com-懂彩帝app怎么样| www.b92.top-河南福彩跑马怎么玩| www.470051.com-银川双渠村体彩店| www.239756.com-王者彩票网站| www.im37.com-彩票足球-| www.6610.in-樂都城彩票-| www.609531.com-深圳市体彩店转让| www.269776.com-彩票9app-| www.34009.com-彩票怎么玩可以赚钱| www.189874.com-江苏快三预测推荐| www.35500.com-快三怎么猜和值大小| www.969633.com-中国体育竞彩网篮球| www.64os.com-大乐透大奖彩票图片| www.299505.com-往期福彩开奖结果| www.909443.com-彩客网5分快3| www.877723.com-发财猫彩票安卓下载| www.cu9.com-带你玩快三-| www.297503.com-体彩电子投注单停售| www.311625.com-红五彩票平台| www.81ry.com-足彩平让平-| www.uy97.com-人人彩票是真的吗| www.624337.com-豪彩娱乐时时彩注册| 福利彩8www.flcb2.com| www.kk96.com-易彩集团合法吗| www.203030.com-山西福彩网-| www.769.tv-赢彩计划app| www.030780.com-彩客彩票苹果下载| www.162161.com-彩乐汇是黑平台吗| www.cai526.com-快三计划网站| www.zh82.com-百姓彩票网还能买吗| www.6367.biz-彩库宝典苹果下载| www.603776.com-阿彩小说全部作品| www.052978.com-竞彩足球彩票网|