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.46qr.com-广东省福彩总部| 亚洲www.978315.com| www.yf97.com-派彩官网11选五| www.402744.com-七星彩用什么软件| www.229984.com-彩票赚钱送体验金| www.335127.com-快三查询结果| www.453089.com-中彩国际手机客户端| www.631953.com-优彩彩票能提现不| www.645486.com-体育彩票机选号码| www.763256.com-彩票店过年几点开门| www.855157.com-快三中两位算中奖吗| www.939101.com-新浪彩票频道电脑版| www.999994.cc-福彩3d字谜最新| www.cp95.cc-幸运彩河南省福彩网| www.wp42.com-篮球彩票分析预测| www.57266.cc-锋彩直播破解版| www.113785.com-重庆时时采彩走势图| www.195812.com-彩种大厅下载| www.276407.com-彩之源平台注册| www.363108.com-福彩快三坑人吗| www.460022.com-彩票读后感800字| www.554958.com-彩神争霸软件下载| www.636696.com-pc彩票下载-| www.731343.cc-彩票2元网可靠| www.813055.com-彩票诈骗网络立案| www.887570.com-黑彩平台代理好吗| www.979350.com-246好彩-| www.bp38.com-彩2彩票-| www.606068.com-梦见写彩票号码| www.693379.com-广州彩票兑奖在哪里| www.788172.com-竞足彩365-| www.873888.com-彩票平台架设教程| www.953249.com-彩8彩票客服| www.cp0414.com-时时彩app苹果版| www.736512.com-快三最多几期连出| www.336014.com-足球竞彩玩法介绍| www.456083.com-旺彩社区是什么意思| www.570711.com-德国彩票开奖号码| www.660929.com-蓝狐计划博彩| www.750606.com-中彩在线25万| www.839911.com-为什么要做责任彩票| www.933144.com-高频彩app计划| www.993467.com-足彩拉力理论解释| www.ey96.com-安徽快三形态走势牛| www.03io.com-六合宝典彩库图| www.093836.com-彩世界开奖官网| www.198846.com-购买彩票平台| www.285225.com-快三跳法视频| www.364578.com-全球彩票开奖网| www.445318.com-彩票即开玩法| www.539497.com-二手福彩机能过户吗| www.654774.com-时时彩后三有多少组| www.739405.com-彩票代玩兼职群在哪| www.833805.com-好彩开奖1-| www.912632.com-天干地支如何彩票| www.976765.com-全国彩礼最高的省| www.al23.com-网上购买双色球彩票| www.sb64.com-福彩快乐12开奖| www.02yq.com-彩民红高手-| 如意彩票www.165595.com| www.257912.com-快三软件原理| www.367395.com-唯彩会姜山足彩冷门| www.547490.com-网上最安全购彩平台| www.621950.com-五福彩票苹果| www.746092.com-娱乐彩大厅-| www.879890.com-广西好运彩开奖结果| www.973352.com-冰彩虹-| www.bn49.com-易彩网官方-| www.7jp.com-怎么利用生日买彩票| www.85yr.com-竞彩足球赔率表| www.3684.com-米乐彩票-| www.39253.cc-五百中彩票-| www.96978.com-竞彩2串1交易排行| www.091876.com-佰萬彩票是真的假的| www.281296.com-时时彩的和值表| www.399176.com-彩票双色球中奖新闻| www.3210.wang-采彩票结果-| www.519422.com-256net彩票网| www.213721.com-彩神大发是真的吗| www.43801.com-苹果7手机膜彩膜| www.96626.com-福彩刮刮乐假票案| www.657627.com-体育彩开奖公告| www.238052.com-时时彩计算方程式| www.378598.com-北京28幸运彩| www.091321.com-易盈彩票官方下载| www.5001.com-吉林福彩中心在哪| www.265530.com-3d彩神-| www.364005.com-快乐双彩开奖结果查| www.485007.com-银川仟彩-| www.565760.com-7070彩票可靠吗| www.636625.com-易算彩43-| www.754011.com-搜狗彩票骗-| www.818244.com-彩票翻倍几倍翻| www.882601.com-原版正料特彩| www.949597.com-福利彩票手机助手| www.996643.com-黑龙江福彩领奖地址| www.cn74.com-云南彩票十一选五| www.sl40.com-河内五分彩彩| www.020859.com-福利彩票开机号| www.262365.com-江苏体彩票-| www.358433.com-体彩数字是什么号码| www.fy78.com-求时时彩qq群| www.81xy.com-足彩4串1全包| www.18ea.com-体彩排列五获奖结果| www.5272.cc-彩票店一天的销售额| www.060185.com-大发快三如何倍投| www.108736.com-七星彩开奖号吗| www.599467.com-中彩票无耻亲戚借钱| www.499113.com-帝皇国际彩票网| www.96846.com-足球竞猜新浪爱彩| www.083022.com-五省五省快三一定牛| www.41sx.com-福彩3d电子书下载| www.7591.biz-彩票ppt-| www.026929.com-手机购彩大发快3| www.8ec.com-彩票站盈利点| www.207.biz-枫叶彩铅画过程| www.316543.com-七星彩票论坛精选| www.456085.com-高频彩不要玩| www.925767.com-爱乐透彩票网页版| www.77hs.com-玩彩网下载安卓版| www.9948.biz-57期福彩-| www.86197.com-双色球体彩-| www.040537.com-博大彩票app下载| www.168647.com-时时彩规律口诀| www.371058.com-高频彩票开奖系统| www.553652.com-比利时对突尼斯竞彩| www.035203.com-体彩4串4-| www.365239.com-福利彩票中5红1蓝| www.216022.com-玩彩网可靠吗| www.3702.com-苹果系统彩票软件| www.749602.com-t罗彩开奖-| www.670909.com-七彩色花-| www.821870.com-大连福彩机器多少钱| www.229553.com-五分彩万位必中规律| www.657609.com-一元分分彩-| www.730578.com-海南福彩快2玩法| www.627609.com-七彩网络红人| www.55155.cc-打鱼送彩金27| www.38bb.com-网上教买彩票赚钱的| www.73722.cc-广州鸣彩公司正规嘛| www.791451.com-海南私彩三字现玩法| www.537790.com-服务大厅新浪爱彩| www.638036.com-一个足彩高手的总结| www.725656.com-利用体彩结果赌博| www.805375.com-七乐彩二等奖三等奖| www.890551.com-有倍率高的彩票网站| www.967853.com-探探彩票男-| www.dq0.cc-湖北福彩3d走势图| www.mv6.com-怎样看彩票的走势图| www.2216.vip-福彩断组牛材网| www.6422.me-彩票提醒软件下载| www.604404.com-体彩7星彩奖金查| www.474668.com-彩客竞猜彩票手机版| www.760255.com-釉彩大瓶展出| www.9894.cn-360彩票大厅| www.35413.com-正规彩票推广老板群| www.366583.com-黑彩怎么定罪| www.617148.com-结婚彩礼都有什么| www.696916.com-怎样购买七星彩数字| www.7707.loan-希望彩票app| www.30vg.com-彩虹玫瑰花图片大全| www.087606.com-北京快中彩中奖规则| www.618264.com-长春省体彩中心地址| www.722795.com-168彩票注册网|