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天

知道了
亚洲28 www.326462.com-瑞彩祥云app苹果| www.968850.com-百度彩虹计划| www.166420.com-福建快三开奖| www.31vt.com-彩虹小镇动画片全集| www.1378.in-水彩花-| www.044188.com-致富彩抢红包| www.171889.com-湖北快三连线走势图| www.854264.com-多彩网下载app| www.888846.com-彩站宝如何发起跟单| www.7877.pw-江苏快三私人当庄家| www.021678.com-时时分分彩官方| www.637276.com-彩虹七无人机视频| www.242679.com-网络体彩赌博亚博| www.335382.com-网罗爱彩双色球| www.410309.com-彩库宝典怎么看开奖| www.522889.com-分分彩怎么算万位数| www.29ud.com-时时彩全包法| www.178296.com-白岩松说彩票太假| www.258898.com-竞彩网投注支持比例| www.352671.com-福彩3d布衣独胆图| www.456637.com-时时彩斗牛规则| www.561888.com-广西福彩彩民卡| www.66we.com-大彩网机器人双色球| www.1784.vip-国内最牛彩票投注站| www.361349.com-鼎丰彩票不能提现| www.571723.com-看彩票开奖软件下载| www.702190.com-网络彩票有没有人管| www.978145.com-快三广告图-| www.3029.org-彩票代理拉人广告词| www.513666.cc-快三两码-| www.594139.com-福彩好彩3开奖每注| www.255701.com-哪个网站可以买快三| www.366148.com-更多精彩图片| www.03367.com-彩票造假能仿造吗| www.407702.com-七星彩是真还是假| www.st4.cc-上海福彩领奖地址| www.988993.com-手机搜狐彩票| www.hp32.com-河北快三游戏规则| www.y26.club-手机购彩网平台| www.4512.biz-97299彩票-| www.18392.com-深圳福彩官网登录| www.yl25.com-9b彩票投注站点| www.68gy.com-查询彩票真假| www.2027.net-彩虹六号进游戏好慢| www.7921.biz-钢笔彩墨-| www.389911.com-马来分分彩在线计划| www.514175.com-彩网站诈骗-| www.767111.com-好运彩彩票可靠吗| www.130715.com-分分彩杀号口诀| www.095260.com-海南竞猜型体育彩票| www.066389.com-澳门博彩税率是多少| www.609078.com-加盟代理彩票时时彩| www.771077.com-时时彩万个龙虎预测| www.865817.com-熊猫彩票可信吗| www.857358.com-体彩黑网站套路| www.960195.com-高德彩票是什么| 七星乐www.079776.com| www.03843.com-乐中彩平台可靠吗| www.98181.cc-体彩6?1-| www.xf62.com-彩票开奖公告查询| www.361.red-长春市体彩中心在哪| www.409166.com-澳洲三分彩规则| www.192684.com-体彩19035-| www.310200.com-亿网彩票靠谱吗| www.88as.com-东方彩与大发| www.153226.com-分分彩有规律吗| www.142897.com-8彩app下载-| www.912458.com-聚众买彩票犯法吗| 购彩网www.09gcw.com| www.799383.com-福利彩票一体机图片| www.59129.cc-彩票站不赊账标语| www.963507.com-王元彩票-| www.40561.com-掌优彩票合法吗| www.509325.com-y39彩票-| www.588786.cc-全民免费彩票可靠吗| www.676325.com-福彩3d本期藏机图| www.4296.cm-好彩赢三张下载| www.910550.com-温州快三结果| 金冠彩票www.49956l.com| www.tt79.com-易彩2.0app-| www.07ck.com-彩铅星空麋鹿图片| www.845353.com-蒲城彩票店转让信息| www.913021.com-我去彩票站是真的吗| www.973248.com-金利彩票下载安装| www.cp632.com-彩神网址是多少| www.ky68.com-酷彩app官网下载| www.d48.com-福彩门戶-| www.28ug.com-彩票冒领600万| www.80lp.com-500万彩票网招聘| www.7075.cm-腾讯分分彩后四毒胆| www.41806.com-彩票贷款案例| www.044332.com-买彩票的软件哪个好| www.167013.com-福利快三是什么| www.234119.com-安徽福彩中心地址| www.302959.com-够力七星彩解梦查码| www.836688.com-陕西省福彩中心| www.972663.com-彩客竞彩让球胜平负| www.gn78.com-河南快三未出的号码| www.26724.com-七星彩奖金制度| www.406063.com-秘鲁彩虹山的形成| www.274646.com-时时彩就是坑| www.6427.cm-彩神v11新闻| www.1610.net-雅玛彩票游戏规则| www.26961.cc-彩票天天乐捕鱼| www.69774.com-app易彩乐彩票| 彩乐乐www.cll168.com| www.539667.com-1111彩票平台| www.276414.com-甘肃快三和值怎么玩| www.2174.win-精彩广告语-| www.405048.com-彩铅房子风景画儿童| www.611205.com-长春竞彩网点查询| www.015997.com-唯彩会三d-| www.041056.com-摩登彩票挂机软件| www.520192.com-江苏省快三跨度| www.11596.cc-高频彩平台平台下载| www.017163.com-三分彩最准计划| www.123148.com-福彩快一定牛走势图| www.430138.cc-中利彩票平台| www.577885.com-娱乐微信时时彩| www.673996.com-古建彩绘颜料| 500彩票www.653152.com| www.43787.com-三d彩图-| www.438353.com-附近体彩站离多远| www.520318.com-腾讯分分彩绝杀一码| www.398307.com-体彩排列三正好网| www.j35.cc-汉口福彩兑奖中心| www.847272.com-爱彩竞猜-| www.045332.com-神彩通免费版| www.dd75.com-彩票店几点关门| www.088617.com-彩吧彩票单双大小| www.354134.com-竞彩球队身价对比| www.236692.com-国外彩票app| www.jf1.cc-中福快三是正规的吗| www.1089.in-今日福彩字谜汇总| www.506070.com-彩500邀请码| www.q38.net-广西快三网投| www.99az.com-时时彩平台登录注册| www.6538.xyz-专业购彩首页| www.328863.com-下截118彩票官网| www.67975.com-普通彩大厅下载| www.838146.com-苏州施工围挡彩钢| www.922328.com-重庆结婚不要彩礼| 发彩www.50732b.com| www.gi02.com-手机上买彩票可靠吗| www.j50.net-蚂蚁彩票合法吗| www.34yf.com-竞彩篮球开票时间| www.931209.com-800彩票官网| www.cai0006.com快三复式玩法说明| www.de17.com-cp彩票靠谱吗| www.2354.org-七彩云浏览器app| www.896549.com-尊享华夏彩票官网| www.02dn.com-江苏快三推二同| www.51797.cc-青蛙彩票app| www.313137.com-乐米彩票网页版| www.700490.com-如何破解云发购快三| www.784618.com-彩民故事-| www.853142.com-彩票168官网| www.918872.com-今日彩神通关注| www.970410.com-天天乐彩网址| www.dr08.com-福建体育彩票31| www.1850.wang-今日开奖彩票结果| www.020456.com-下载彩c38-| www.99423.com-分分彩是正规的吗| www.387403.com-网易彩票更新版|