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.486582.com-今日竞彩单关赛事| www.061143.com-欢乐彩票app| www.588287.com-海南七星彩研究论坛| www.026257.com-电子竞技博彩| www.020964.com-福彩76期开奖号码| www.092231.com-好运快三百度百科| www.38.cm-体彩三句话2017| www.3526.vip-118好彩票-| www.277289.com-官方手机购彩| www.f73.cc-内蒙体彩十一选| www.1264.xyz-通辽快三-| www.87985.com-世纪佳缘上的彩票托| www.399622.com-京彩e账户怎么激活| www.5909.cm-男方给的彩礼钱归谁| www.0768.bid-天猫彩票开奖结果| www.739544.com-福彩三地独胆计划王| www.870359.com-有人拉我玩uc彩票| www.949663.com-今日体彩中奖号| 大赢家彩票平台www.186791.com| www.336017.com-557彩票-| www.788392.com-足彩官网-| www.355038.com-彩票看不懂-| www.258195.com-百胜快三福彩| www.368372.com-彩涂铝卷价格范围| www.469292.com-彩票资源分享| www.820089.com-玩彩赚钱是不是真的| 幸运彩票www.5095i.com| www.12zf.com-微彩吧线路-| www.03631.com-七星彩接单骗局| www.36322.com-永旺彩票app| www.244427.com-京东彩票在哪里看| www.671436.com-全国彩开奖公告| www.835636.com-青海体彩开奖结果| www.987623.com-冀彩宝能投注吗| www.gt60.com-体彩店内布置图| www.237307.com-福彩3d的玩法| www.881218.cc-开私彩-| www.80.vip-中付航天彩票骗局| www.55cz.cc-都匀彩票中心在哪| www.0410.loan-福彩3d谜底-| www.271907.com-862彩票-| www.650659.com-小班美术彩虹伞教案| www.104769.com-昆明牛牛彩票| www.206009.com-足球博彩app| www.660316.com-七意彩网站-| www.732659.com-领导者彩票平台| www.753951.com-网络彩票坑死了| www.225902.com-彩票追号倾家荡产| www.v27.in-贵州体彩快-| www.721837.com-网上买足彩票| www.007465.com-彩票幸运彩-| www.284044.com-彩票中了40万| www.3fs.com-一支彩染发剂| www.307614.com-35期彩票开奖结果| www.398936.com-七星彩走势宝贝| www.362864.com-彩虹羽泉歌词解析| www.470012.com-男朋友喜欢买足彩| www.553632.com-竞彩半全场-| www.618643.com-怎么下载酷彩| www.10328.com-333彩票网-| www.930175.com-福利彩票几点开| www.972041.com-印尼五分彩走势图| www.yr02.com-我国的体育彩票| www.66762.cc-一分钟大发快三计划| www.tu07.com-博彩论坛发帖网站| www.17uv.com-七乐彩31期奖号| www.371397.com-河内五分彩助手| www.517804.com-宝马集团分分彩| www.913038.com-我去彩票站正规不| 天吉彩票www.9205d.com| www.3600.biz-星期4开什么彩票| www.9260.cn-梦网彩票直播版区| www.492839.com-彩票3d专家免费| www.91837.com-好彩1八-| www.835630.com-顺丰丰彩-| www.731473.com-易彩堂大厅-| www.850288.com-腾讯五分彩开奖网| www.332796.com-体彩开奖结果查殉| www.397208.com-中彩网高手社区| www.523030.com-亚彩会怎么注册| www.585895.com-分分中彩网址| www.726400.com-广东没有网售彩票的| www.188257.com-河南福彩22迭5走| www.266442.com-福彩排列7走势图| www.36955.com-掌聊彩票骗局揭秘| www.499396.com-分分彩挂机安卓版| www.th05.com-彩票十一选五玩法| www.350891.com-内蒙古快三贴吧| www.529239.com-七乐彩今天专家预测| www.620312.com-彩票能不能赚钱| www.692672.com-网上小彩票-| www.792695.com-彩票大奖领奖纪实| www.869435.com-手机怎样买七星彩| www.980663.com-下载利彩软件| www.kx49.com-福彩彩友吧-| www.255375.com-内蒙时时彩玩法| www.976394.com-河南省体育彩票| www.668303.com-去国外彩票公司上班| www.781008.com-彩票赚钱犯法吗| www.879265.com-易彩线路测速中心| www.953841.com-牛牛彩票-| 爱彩乐www.874918.com| www.0458.cn-体彩手机可以投注吗| www.6371.biz-乐彩彩票网站是多少| www.588758.com-湖北快三万能码| www.274368.com-查看内蒙古快三| www.1717.pro-手机买世界杯体彩| www.428915.com-万达彩票可以玩吗| www.573989.com-中信积分赢彩| www.5861.biz-结婚彩礼钱真实图片| www.08321.com-中彩网组三走势图| www.355051.com-南粤福彩36选7| www.782119.com-彩票中的数学奥秘| www.54rt.com-足球竞彩让球胜平负| www.7799.pw-竞彩全攻略在线| www.31283.com-包头彩票中奖记录| www.1173.press-五分快三是什么意思| www.7709.pw-168官方彩票网站| www.26352.cc-双色球彩票玩法| www.023814.com-京东彩票网-| www.4129.cc-各种釉彩大瓶展出吗| www.02437.com-9号彩票-| www.52298.cc-足彩app哪个靠谱| www.91235.cc-赢彩计划安卓版| www.045156.com-湖北福彩快三结果| www.104069.com-最贵好彩香烟价格| www.161271.com-北京彩票站转让| www.01652.com-网易足彩体育| www.731945.com-易盈彩app-| www.8362.vip-苹果手机安装七星彩| www.44732.com-福建彩票网22选5| www.001495.com-甘肃微信彩票群| www.290104.com-美术作品大全彩铅画| www.031030.com-选三型彩票中奖揭秘| www.692755.com-大连体彩机转让信息| www.704905.com-宝马彩票注册送38| www.813663.com-宁夏彩票最大奖| www.902118.cc-中国福利彩票7彩乐| www.972843.com-彩客比分直播网首页| www.mh7.cc-甘肃省快三走势| www.441210.com-体育彩票注销| www.538077.com-国彩app都有哪些| www.619792.com-老牛足彩博客| www.698815.com-彩铅排线技巧图片| www.772751.com-168彩票极速赛车| www.870758.com-cp彩票官网登录| www.923894.com-三个骰子的彩票| www.984709.com-太玄数用于彩票| www.eu16.com-彩神网下载-| www.835687.com-好彩1中奖彩民| www.96719.cc-600万彩票案| www.am30.cc-可靠的彩票网投平台| www.095770.com-安微省福彩发行中心| www.4778.com-彩虹六号未过审| www.498345.com-玖富彩票可靠吗| www.365427.cc-手机玩快三app| www.535605.com-彩票双色球几位数| www.652832.com-重庆时时彩安心计划| www.811586.com-乐优彩票官网下载| www.926239.com-多多中彩票app| www.by75.com-买彩票怎么选号码| www.28338.cc-镇江体育彩票大奖| www.8654.cm-七星彩遗漏数据查询| www.rs99.com-中彩彩票计划软件|