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天

知道了
1分快三 www.467046.com-东莞虎门福彩印刷厂| www.28927.com-彩票还有真的吗| www.51357.cc-网络代购彩票违法吗| www.066466.com-什么彩票平台出名| 亿彩网www.793093.com| www.733058.com-一分彩计划软件| www.865166.com-福彩讨论微信群| www.949662.com-快彩可以相信吗| 13e彩票www.820535.com| www.718519.com-彩虹是什么呀| www.750351.com-手机在线购彩票| www.540286.com-什么是足彩套利| www.82fn.com-体育彩票开奖怎么算| www.538368.com-飞彩网能玩吗| www.665239.com-彩壹万手机版app| www.788177.com-中国足彩竞彩足球| www.878841.com-体彩中了-| 彩宝www.cb7288.com| www.1776.net-开心七星彩手机版| www.638444.com-天吉福彩彩票论坛| www.088515.com-信阳千万彩票无人领| www.424648.com-158娱乐彩票| www.567021.com-k8彩票坑人吗| www.667317.com-现在什么彩票最火| www.772401.com-toto彩开奖结果| www.852313.com-怎么看彩票11选5| www.920261.com-信博彩票平台可靠吗| www.981918.com-买大发快三的技巧| www.ao73.com-贵州有那些彩票站| www.zn36.com-快三怎么骗局揭秘| www.48fv.com-体彩排列五图标| www.59979.cc-微彩吧下载地址| www.858147.com-关闭时时彩销售时间| www.cp7118.com-网赌时时彩惊天秘密| www.sf35.com-五分时时彩官网| www.33zj.com-网上如何打七星彩| www.my16.com-微彩吧网址-| www.23nc.com-韩国15分彩app| www.805362.com-中国足彩网彩票官网| www.896005.com-蒙古古快三-| www.16kx.com-幸运彩票下载900| www.875056.com-中国彩吧图谜第一版| www.vn80.com-上海福彩网资讥| www.024405.com-500万彩票可靠吗| 全民汇彩票www.52303b.com| www.897517.com-广东福彩网官方网站| www.997249.com-体彩屋app正规吗| www.yx29.com-研究彩票走势图大全| www.2204.love-京彩官网-| www.08891.com-竞彩网计算器混合| www.153299.com-够力七星彩奖表电脑| www.288244.com-江苏爱乐彩快3| www.338615.com-湖北彩票最大金额| www.480128.com-幸运快三在哪看开奖| www.566754.com-青岛市体彩彩票中心| www.365937.cc-彩票29平台-| www.478956.com-竞彩单注最高奖金| www.560101.com-彩票百分百计划网| www.jn0.cc-时时彩投注方法| www.xq39.com-oe彩票投注平台| www.26pw.com-体彩店加盟费| www.13591.cc-体彩竞彩奖金计算器| www.22ub.com-天空彩站禁三肖| www.898903.com-南方双彩林竹杀码| www.558209.com-下载个大赢家彩票| www.68125.cc-福彩订单助手| www.070977.com-重庆易约约彩骗局| www.178197.com-中彩彩票网-| www.284093.com-彩票必中头像| www.362506.com-一年级彩虹-| www.603817.com-手机166彩票下载| www.698739.com-河北快三规则及奖金| www.783661.com-01cc第一彩票| www.607250.com-福彩3d字i迷总汇| www.019552.com-五省快三基本走势图| www.969935.com-保定双彩浴都正规吗| www.wf67.com-体彩今天开奖号码| www.19110.com-福彩中心主任鲍学全| www.048799.com-体彩排列5玩法介绍| www.133742.com-500彩票大小| www.368168.com-彩铅画樱桃图片| www.6wg.cc-彩票上一期中奖人| www.789510.com-竞彩分析软件哪个好| www.860397.com-昨晚大乐透彩票号| www.929998.com-大玩家彩票主管代理| www.980896.com-开个彩票店赚钱吗| www.fh01.com-网上买彩票可靠吗| www.vu99.com-彩票k线的纵向| www.03gb.com-风之彩彩票是真的吗| www.800428.com-福彩今天全部图纸| www.971999.com-福彩35选7走势图| www.re24.com-福彩都有哪些彩种| www.48rj.com-三国杀张星彩| www.rx61.com-有安徽快三的台子| www.961647.com-彩票一般买哪种| www.rh14.com-天津时时彩官方平台| www.505.cn-大发分分彩开奖记录| www.419187.com-竞彩网点-| www.561053.com-七乐彩助手-| www.640606.com-爱盈彩兼职-| www.jq44.com-河北快三夸度走势图| www.570159.com-好彩二公式-| www.589061.com-湖南福利彩票官网| www.772005.com-深圳东方亮彩| www.922486.com-白菜彩票大全| www.l99.org-七乐彩票的危害| www.7711.com-信彩娱乐登录注册| www.232388.cc-玩彩票赚钱-| www.349611.com-彩票中心主任贪污| www.963036.com-3d牛彩图库网| 吉利彩票www.80065z.com| www.150532.com-喜盈盈彩票福气临门| www.307032.com-台湾5分彩开奖查询| www.408487.com-牛佬最新足彩推介| www.54503.com-大发时时彩软件安卓| www.33713.com-彩票什么时候停售| www.89657.com-3月足彩-| www.089284.com-快中彩北京体彩网| www.776213.com-香港彩乐网网址| www.868127.com-特区彩票精彩论坛| www.959588.cc-彩票团队计划大全| www.cpw| www.8fn.com-彩网乐-| www.89vz.com-高频彩票和数学| www.776907.com-休闲快三2-| www.876257.com-实时彩代理平台| www.995144.com-中福快三怎套钱| www.00488.com-中国福彩公众号| www.73893.com-易彩时时彩计划软件| www.tt79.cc-彩票合买大厅网址| www.529730.com-铁公鸡七星彩规律图| www.2836.vip-常平彩乐糖果厂| www.276827.com-梦想彩票站-| www.985554.com-胆略足彩竞彩分析| www.wy8.com-福彩3d大本营预测| www.sj73.com-最新彩票开奖| www.9fj.com-22彩票官方-| www.840870.com-黔西南福彩中心地址| www.964805.com-彩票随机会不会中奖| www.rq24.com-5分钟一开奖的彩票| www.754875.com-华亿彩票aqq| www.847509.com-福彩事业转型| www.914799.com-利用彩票漏洞赚钱| www.985134.com-竞彩打水公式| www.iy67.com-火箭彩票平台vip| www.w54.biz-乐彩网怎么打不开机| www.028280.com-奔驰彩票官网首页| www.623979.com-北京九歌彩票是假的| www.095881.com-网上购彩有哪些网站| www.539064.com-网络彩票骗局时时彩| www.628657.com-华夏彩票苹果版| www.692030.com-九万彩票安卓app| www.764711.com-七星彩规律彩版| www.826112.com-银川福彩中心照片| www.885785.com-彩先知彩票选号机| www.942507.com-深圳体彩兑奖中心| www.981153.com-旺彩双色球科学预测| 豪彩VIPwww.808390.com| www.00en.com-描写彩虹的现代诗句| www.796863.com-黑彩怎么举报| www.897342.com-2019年美国彩票| www.963885.com-网上买彩票的软件| 名门彩www.33997p.com| www.iz96.com-体育足彩竞彩网开奖|