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.040038.com-印象彩票官方网站| www.45701.com-app中华彩票| www.636727.com-儿童彩虹画-| www.103460.com-七乐彩中奖情况| www.252.date-彩客竞彩彩票怎么样| www.954187.com-胜负彩中奖后| www.35733.cc-盈彩彩票跑路了| www.44500.cc-彩色沥青混凝土道路| www.328156.com-南方双彩软件下载| www.195229.com-今天青海快三走势图| www.1495.cn-蓝天彩虹图片真实| www.8355.org-时时彩复式7码必中| www.617055.com-白山市体彩中心电话| www.710334.com-加微信玩彩票| www.802938.com-长沙市福彩中心地址| www.9558.bid-狂欢彩票香港49| www.cai1866.com福彩快三官网登录| www.679569.com-彩票了2元网走势图| www.763776.com-华宇博彩-| www.831054.com-彩烟弹多少钱| www.898162.com-体彩考试知识点| www.961954.com-三彩翡翠-| 大赢家彩票www.594611.com| www.486929.com-取缔高频彩票| www.827904.com-679彩票app-| www.916955.com-乐迎彩票-| www.004245.com-彩票是个无底洞| www.969430.com-新昌双彩下岩张玉安| www.9242.biz-和乐彩票首页| www.075044.cc-中国福利彩票旗下| www.223720.com-1分彩技巧-| www.034525.com-焦点篮彩-| www.160597.com-500时时彩彩票网| www.8528.cn-彩票坊平台下载| www.966910.com-带玩彩票-| www.rx4.com-河北福彩快三玩法| www.y20.org-体彩排列三遗漏| www.2519.wang-购彩大厅江西快三| www.0358.xyz-各大彩票期望值| www.jx20.com-福彩黑龙江20选8| www.q33.xyz-微博世界杯彩票| www.77922.com-正版福彩3d谜面| www.044320.com-篮球彩票软件排行榜| www.175715.com-苹果快三助手免费版| www.333096.com-彩票怎看-| www.457178.com-中国人在外国中彩票| www.41594.com-彩牛美缝剂加盟| www.062963.com-金湖体彩-| www.354849.com-360竞彩足球彩票| www.563396.com-可以查彩票的软件| www.918050.com-江苏快三和值计划| www.995906.com-体彩竞彩加奖| www.21yq.com-腾讯彩票网站| www.362852.com-今天开七星彩吗| www.497208.com-博彩破解骗局| www.594360.com-七彩汇娱乐二维码| www.676207.com-中国体彩报排列3| www.45dc.com-四平彩票店出兑| www.8184.loan-乐讯网吹吹七星彩| www.75338.cc-上海时时乐彩票介绍| www.052921.com-大发快三豹子多久出| www.ls41.com-微彩官方app| www.489918.com-福彩3d冷热分析| www.908885.com-极速赛车彩票软件| www.0453.hk-德晋彩票app| www.897.biz-算命彩票-| www.87247.com-超级彩票代打| www.050789.com-玩快三赚钱吗| www.141728.com-福利彩票可以买什么| www.254836.com-重庆肘时彩开奖结果| www.700205.com-美人鱼彩票app| www.925028.com-长沙彩票中心官网| www.lk54.com-彩八彩票ios版| www.1188.pw-快三怎样测龙| www.446812.com-竞彩中什么叫交叉盘| www.75034.com-刮刮奖福利彩票| www.054222.com-三分快三什么意思| www.72739.cc-078彩票下载安装| www.266320.com-河北体彩任三遗漏| www.43335.com-旺彩双色球苹果老版| www.872878.com-中国福彩加盟| www.270303.com-彩票手机软件| www.541604.com-网易彩票排列推荐号| www.z34.shop-高频彩历史开奖记录| www.693262.com-江苏快三参考图| www.944262.com-聚彩彩票骗局| www.305517.com-甘肃快3爱彩乐| www.369608.com-苹果版699彩票| www.464166.com-彩票开奖公告中彩网| www.552646.com-河北快三合之| www.620017.com-釉上彩和釉下彩区分| www.687612.com-陕西彩票app下载| www.761460.com-实时彩计划群骗局| www.818872.com-福彩中奖新闻一| www.883792.com-福彩黑夜游龙看独胆| www.947001.com-靠彩票发财可能吗| www.985036.com-福利彩票真有人中吗| www.le7.cc-广西福彩走势图| www.315312.com-彩96官网-| www.29369.cc-添光溢彩-| www.t48.bid-湖北体彩投诉| www.370622.com-进球彩最新开奖结果| www.027177.com-345彩票网app| www.093025.com-官方彩种有哪些调整| www.680164.com-盈易福彩受骗| www.267950.com-体彩彩乐乐-| www.678124.com-代刷彩票网赚| www.22qm.com-梦到彩票号码真出了| www.30li.com-彩虹代刷app生成| www.7161.top-时彩有规律吗| www.253286.com-好彩二-| www.7222.pw-彩虹棋牌安卓版官方| www.920293.com-大奖快三技巧| www.062367.com-快三的数据分析规划| www.162366.com-i4场足彩-| www.4461.top-尊彩会-| www.9962.in-今日福彩三d奖号| www.sf40.com-七乐彩今天开奖号| www.587277.com-彩票平台漏洞刷钱| www.77043.com-e乐彩注册登录| www.80762.com-查看3d天天福彩| www.296327.com-即时开彩新版| www.604136.com-皇乐彩票怎么样| www.339918.com-山西福彩怎么兑奖| www.92ew.com-01彩票咋样-| www.660149.com-篮彩推荐分析预测| www.442313.com-彩吧图库老北京双胆| www.947515.com-外围足彩网站| www.xq07.com-正规网上购彩app| www.km96.com-广州快三查询| www.375692.com-中国福利彩票是什么| www.132281.com-濮阳彩礼规定| www.786117.com-北京福彩中心在哪| www.879749.com-体彩新型终端机| www.968414.com-希腊时时彩软件| www.sp0.cc-网彩投注代理平台| www.562575.com-电子游戏送38彩金| www.622399.com-福彩3d测号-| www.682318.com-手机怎么买足彩| www.739436.com-鼎天极速三分彩| www.139972.cc-犀牛彩票赌博| www.380530.com-首充8元送彩金| www.vy26.com-河北快三推荐今天| www.19516.cc-福彩三的魔鬼图| www.319165.com-彩票pc蛋蛋-| 彩609www.c6097.com| www.5843.cn-体彩排列三游戏规则| www.219482.com-体育彩票高频彩| www.307298.com-爱乐彩吉林快三| www.371022.com-彩铅画动物图片| www.751209.com-今晚开什么彩票号码| www.839628.com-内蒙古快三查询表| www.50002.com-彩市神童双色球专栏| www.6012.org-天天乐彩十年信誉| www.50824.com-七星彩黑马赌王| www.95999.cc-体彩专管员工资| www.344399.com-国乐彩苹果下载| www.220068.com-彩票开奖双色球走势| www.224600.com-发彩网app-| www.315031.com-竞彩网计算器胜平| www.379616.com-高频彩票研究的原理| www.462030.com-幸运彩票有没有风险| www.536646.com-福利彩票地方彩开奖| www.597211.com-网络足球彩票平台|