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.dt66.com-90彩票登录网址| www.7818.biz-快三大小投倍计划| www.52993.cc-体彩排烈五开奖结果| www.448363.com-说彩预测-| www.967732.com-彩票托有男的吗| www.lm56.com-分彩彩票app下载| www.ss13.com-浙江体彩61-| www.319022.com-福彩三d天宇和值迷| www.zv01.com-智能彩票摇号器| www.5698.me-福彩3d杀1和尾| www.9812.com-彩票数据大全| www.912711.com-彩客吧有了解的吗| 网易彩票www.083wy.com| www.617675.com-众彩之家登录| www.736361.com-保定福彩中心在哪里| www.862620.com-周五开什么彩票开奖| www.979494.com-铁盒好彩-| www.og17.com-快三客下载-| www.121613.com-阿联酋有彩票吗| www.238072.com-国乐彩手机app| www.687411.com-附近的彩票站点| www.779171.com-重庆时时彩2018| www.876887.com-买体彩哪个软件好| www.963408.com-乐彩网分分快三计划| www.370557.com-下载全民彩票开奖| www.4785.cc-福建省体育彩中心| www.619610.com-菠萝彩彩票计划者| www.707739.com-足球胜负彩即时比分| www.807127.com-彩票有折痕能兑奖吗| www.891829.com-今日彩是什么app| www.qr81.com-公益福彩合法吗| www.445360.com-能手机下载的才彩票| www.562826.com-重庆快三玩法介绍| www.659286.com-博彩评级源码| www.732307.com-3d彩宝网专业版| www.873241.com-体育彩票官网四川| www.956395.com-玩彩有人赢过吗| 126彩票网www.936126.com| www.014333.com-乐购彩彩票安全吗| www.369702.com-七乐彩的风机时间| www.400716.com-七星彩吉星图纸| www.554767.com-彩票遗漏值规律| www.702718.com-盛澳竞彩假的| www.175601.com-下载快三预测软件| www.040.hk-时时彩出号规律破解| www.183382.com-中彩网3d走势图| www.822.tv-p3家彩-| www.365237.cc-彩裤宝典ios| www.913628.com-河南福彩幸运彩下载| www.653762.com-澳门体育彩票| www.806104.com-众彩网双色球论坛| www.907163.com-快三计算和值技巧| 吉利彩票www.80075b.com| www.655590.com-网易七星彩开奖结果| www.738519.com-七天彩登录-| www.806285.com-中了彩票-| www.875500.com-老版腾龙时时彩做号| www.949977.com-金沙彩票app| 500彩票www.50788p.com| www.2204.love-京彩官网-| www.35325.com-玩彩票的qq群| www.29266.com-彩虹瓶-| www.508266.com-水立方彩票平台| www.s13.link-安徽最大的彩票弃奖| www.ei.com-哪个平台买快三安全| www.rx34.com-中彩注册下载| www.15gz.com-福彩店装修-| www.v17.com-彩票经常中的号码| www.494.com-江苏体彩网7位数| www.ff67.com-春节后彩票几号开售| www.6412.org-口碑最好的彩票平台| www.13913.com-网易彩票头-| www.17905.com-巴中盛奥竞彩联盟| www.767203.com-时时彩平投-| www.853311.com-168彩票提款| www.380537.com-七彩乐彩票中奖结果| www.990282.com-彩票数字组合软件| www.yb4.com-京彩快三-| www.ug10.com-106官方彩票| www.962161.com-玩彩网手机版| www.cp3179.com-湖北福彩网快三| www.103676.com-九州彩-| www.113013.com-竞彩猫微博-| www.788832.com-足彩专家-| www.872379.com-福彩助手app| www.946815.com-彩钢围挡-| 众彩www.375990.com| www.093667.com-福彩高频彩助手| www.024703.com-彩神网论坛网址多少| www.997587.com-体彩快开-| www.268396.com-湖南的福利彩票| www.433453.com-假彩票制作器| www.788388.cc-七星彩专家安然预测| www.8517.top-彩贝游戏中心| www.9188.cc-乐彩网搞-| www.845996.com-博纳彩票是合法的吗| www.487738.com-老徐说彩推荐| www.396916.com-彩票会员登录| www.691.website双色球彩88网| www.xi36.com-怎样下载甘肃福彩| www.9162.vip-彩78平台-| www.32486.com-彩妆店的加盟| www.92511.cc-江苏彩礼一般给多少| www.115232.com-线上彩票合法吗| www.14vw.com-七里彩上官燕| www.232781.com-彩之家app下载| www.058682.com-彩票哪种中奖率高| www.21022.cc-深圳市体育彩票兑奖| www.551185.com-怎样玩转内蒙古福彩| www.6212.net-彩乐乐小马哥预测| www.107019.com-彩票快3破解器下载| www.924141.com-亿彩平台下载地址| www.se.com-3d彩票解密-| www.4088.cm-天天娱乐彩票app| www.57mu.com-玩彩犯法吗-| www.033769.com-如意彩票骗局| www.511565.com-彩库宝典一-| www.383886.com-山西福利彩票开奖| www.586305.com-送彩金导航栏| www.585.com-投彩网站-| www.cp0167.com-贵州快三助手| www.361175.com-快三开奖改时间了| www.558536.com-优秀花卉彩铅画图片| www.63bq.com-安全彩票o2o系统| www.986909.com-快三倍投怎么投| www.20wo.com-贴吧彩票吧-| www.800123.com-开彩妆加盟店排行榜| www.444123.cc-中四柱预测a彩图| www.545292.com-彩票收益计算| www.639347.com-够力七星彩直播| www.712509.com-万人彩票是黑平台吗| www.792865.com-彩票兑奖全省| www.869449.com-海南七星彩用手机买| www.933188.com-可以反选的彩票工具| www.988586.com-全中彩票是官方的吗| www.tv6.com-爱彩乐预测-| www.xc26.com-体彩排三选胆图| www.09gv.com-双色球彩经免费预测| www.81rf.com-福利彩票十三五规划| www.lt4.com-彩神快三全能版| www.945992.com-美国兆彩开奖结果| www.33428.cc-海南竞彩-| www.97853.com-高返水彩票网站| www.414996.com-彩93彩票真的假的| www.526508.com-足彩串关奖金计算表| www.617296.com-榆次体育彩票| www.852988.com-本期体彩开奖情况| www.921990.com-约彩365客服| 天天彩票www.106596.com| www.1016.org-凤凰购彩app| www.375005.com-体彩乐选二票| www.902520.com-在手机上怎么买彩票| www.577172.com-人人彩球app| www.681606.com-豪彩603驱动下载| www.790558.com-快三大最多连出多期| www.866050.com-易讯彩票app| www.912639.com-小六壬测彩票| www.970794.com-保研大学生破解彩票| 500彩票www.347277.com| www.596193.com-湖南福彩报最新版| www.721516.com-数学家研究彩票规律| www.847556.com-福彩计划是什么| www.918711.com-博友彩赚钱是真的吗| www.604436.com-买网络彩票一直输|