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.73kj.cc-巨弘国际时时彩平台| www.779958.com-福彩三d和值| www.645673.com-众发彩票官网| www.135607.com-刺客研彩网3d论坛| www.288990.com-彩票改时间了吗| www.117749.com-彩票霸主软件怎么样| www.312733.com-双彩论坛官网手机版| www.392223.com-体彩18058期| www.565280.com-正规官方彩票| www.096483.com-微信快乐彩是假的吗| www.869371.com-鸿运彩票能取到钱吗| 500彩票www.904854.com| www.c38.cm-黑彩赢钱秘诀与技巧| www.95qd.com-京东快彩安全吗| www.395927.com-星期六福彩开什么奖| www.684900.com-牛彩网字谜汇总大全| www.108573.com-跟计划买彩票赢钱了| www.990540.com-中华彩票-| www.gr36.com-一定牛彩票下载安装| www.194163.com-河北省快三预测号| www.282878.com-彩票33苹果系统| www.380480.com-七乐彩特别号走势图| www.500038.cc-彩票性缘贴吧| www.604051.com-深圳然彩服饰录上| www.681810.com-微信买彩票的纠纷| www.761308.com-9811彩票下载| www.828246.com-彩票app自动追号| www.896419.com-十分彩官方下载| www.958675.com-吉林快三杀号| 凤凰彩票www.77802k.com| www.lb15.com-购彩app哪个好| www.064416.com-如何破解时时彩私彩| www.123988.com-福彩排列期开奖号码| www.365234.com-甘肃快三开奖加奖| www.506644.com-乐彩手机静态版| www.760104.com-七乐彩复试计算器| www.871126.com-傲赢彩票app| www.mq45.com-个人做时时彩犯法吗| www.1996.live-彩虹6号围攻好玩吗| www.44673.com-福建体彩彩票论坛| www.011049.com-娱乐彩票软件| www.857744.com-盈彩网pk10计划| www.951467.com-九九彩票是真的吗| 500彩票www.50074g.com| www.535392.com-什么彩票是6位数| www.706609.com-彩票都没中奖| www.19ij.com-福彩34期开奖| www.562623.com-七星够力彩奖表| www.670484.com-福彩3d冷号排名| www.744678.com-体彩19031号码| www.831590.com-日本有卖彩票的吗| www.1012.top-多赢彩票网-| www.927188.com-体育彩票大全| 奔驰彩票www.509866.com| www.qa98.com-各种彩票开奖大全| www.418088.com-一号彩票安卓版下载| www.555184.com-授权网上彩票511| www.638976.com-上海体彩购买地址| www.145488.com-彩票送彩金app| www.909218.com-福彩三b家彩网| www.463118.com-科彩印务工资怎样| www.4840.net-佬牛足彩19041| www.7910.vip-福利彩票猫腻| www.7043.cc-篮球博彩2串1规则| www.31313.cc-呼市中双色球彩票| www.30221.com-福彩门户最新书签| www.qz13.com-也买彩下载-| www.23185.cc-彩票上可以写名字吗| www.9962.vip-多彩彩票时时彩| www.770885.com-家家彩幺机阁| www.869932.com-可以查询彩票| www.935286.com-好彩票苹果版下载| www.983675.com-福利彩票哪里兑奖| www.59yz.com-邯郸转让体育彩票站| www.00691.com-中彩彩吧-| www.370119.com-跳快三锻炼身体吗| www.qv00.com-买3d彩票-| www.34699.com-智能追号彩票软件| www.251300.com-今日彩票apk| www.674704.com-36o彩票大厅| www.756841.com-淘宝买世界杯彩票| www.854440.com-d9彩票客服-| www.21zb.com-高手彩票首页| www.1211.space-什么彩票可以中上亿| www.8520.com-福利彩票机器游戏机| www.622940.com-体彩19012期| www.656558.com-易购彩在线-| www.752257.com-彩牛美缝剂商标| www.938661.com-双赢彩票7567| www.e57.club-nba彩票预测| www.584595.com-拼博在线彩神通| www.080521.com-彩八app下载| www.167916.com-福彩快三app下载| www.011422.com-体彩多乐彩开奖号码| www.975052.com-福彩网上能买么| 天天乐彩票www.830523.com| www.755304.com-韩国快三是什么彩票| www.837048.com-彩票系统破解方法| www.908944.com-7c彩票-| www.970096.com-七彩怎么算中奖号码| www.cai3928.com快三该怎么玩| www.ic37.cc-芜湖市福利彩票中心| www.37122.com-购彩堂软件-| www.5030.cm-吉祥彩票是正规的吗| www.099299.com-足彩北单是什么意思| www.114198.com-体彩11选五山东| www.36987.cc-白菜彩票平台大全| www.653608.com-福彩3d1月3-| www.6638.biz-彩86app入口| www.355330.com-玩快三输了三万块钱| www.42062.com-中华彩吧注册下载| www.000852.com-蚂蚁积分买彩票| www.086687.com-神彩福牛双色球专栏| www.96cq.com-彩票注册领彩金| www.8116.in-pk彩票手机版下载| www.52767.cc-恒大彩票提不了现| www.254797.com-拉人玩时时彩犯法吗| www.485432.com-梦想团队彩票计划| www.222094.com-爱彩乐彩票靠谱吗| www.7oa.com-彩票中奖秘密领奖| www.660091.com-腾讯秒秒彩-| www.759819.com-彩票极速pk技巧| www.830331.com-分分彩怎么玩可以赢| www.905006.com-有卖快三挣到钱的没| www.970294.com-今天七彩开什么奖| 豪彩VIPwww.057452.com| www.748722.com-快彩邀请码-| www.831379.com-广东体彩销量| www.908107.com-守七星彩领奖视频| www.971804.com-创彩网兼职-| 东方国际www.055972.com| www.ch90.com-中国福彩-| www.zm63.com-ip代玩彩票骗局| www.19xk.com-下载智慧彩快3| www.84go.com-福利彩票亭-| www.1362.vip-福彩28期开奖号码| www.758908.com-大乐购彩票注册网址| www.829977.com-娱乐游戏送63彩金| www.910610.com-中国彩票排行榜| www.965421.com-网易福利彩票预测| 亿龍彩票www.1368c.cc| www.ca29.com-爱乐彩彩票官方网站| www.2888.pro-917彩票网-| www.32572.cc-国家政策对彩礼| www.77164.com-体育彩票开什么号| www.025824.com-包头福彩-| www.224507.com-大发快三规律讲解| www.358847.com-娱乐江苏乐彩| www.755868.com-御彩轩2019-| www.905691.com-9780彩票-| www.wl09.com-内蒙快三规则| www.75sg.com-六给彩开奖玩法规则| www.40002.com-福彩票app-| www.079227.com-时时彩二星万能码| www.151303.com-下载送彩金58| www.493754.com-体彩排列三专家荐胆| www.611057.com-辽宁省福利彩票兑奖| www.747883.com-彩易乐赢-| www.ul36.com-众达彩票网站| www.53nh.com-凤凰微彩关闭了| www.871427.com-福彩彩吧图库| www.936052.com-聚宝盆彩票计划预测| www.980788.com-利彩彩票官方网站网| www.cai888.com-福彩快三是什么|