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.042779.com-买彩票术语-| www.670303.com-福彩3d中猜1d| www.838388.com-山东彩友沙龙怎么了| www.cm8.cc-北京快三助手开奖| www.22311.com-e彩手机版下载| www.024353.com-500500彩-| www.227303.com-分分快三好彩下载| www.412348.com-彩票信息在哪里找| www.877066.com-福彩3d速查表最新| www.935228.com-k快彩-| www.916687.com-永盛国际彩票骗局| www.ek86.com-众彩网专家预测| www.5770.cn-tt彩票怎么破解| www.7380.org-竞彩店前景-| www.719629.com-买大发快三骗局| www.cp6675.com-湖北快三玩法奖金| www.235055.com-中彩彩票网站是多少| www.501876.com-基诺彩有漏洞吗| www.165377.com-71彩票正规吗| www.372552.com-梦到彩虹周公解梦| www.570023.com-彩票加州快三预测| www.59616.cc-app28送彩-| www.cp5523.com-北京福彩中心官网| www.774736.com-七乐彩胆3拖8| www.xw03.cc-春天彩票app| www.g51.club-体彩排列3预测推荐| www.397092.com-v8彩彩票-| www.811951.com-福彩主任王素英电话| www.892273.com-网赌bb竞速彩| www.979411.com-福彩开奖结果双色球| www.go1.cc-快三夸度是什么意思| www.cai5156.com北京快三规则| www.180250.com-上海福利彩票快3| www.229851.com-百盈快三开奖记录| www.697828.com-天天彩票登陆| www.6680.cm-体彩任九奖金| www.39712.cc-u9彩票48.8-| www.53055.cc-买彩票的幽默段子| www.252243.com-彩宝app苹果下载| www.881364.com-lol博彩-| www.967805.com-百合网上的彩票男| www.pp96.com-星彩网首页-| www.878686.com-彩神通内部四码官网| www.958441.com-鸿运彩票邀请码| 亚洲彩www.68568m.com| www.kj72.com-易彩票是正规的吗| www.f36.cc-体彩彩票app| www.867.red-重庆时时彩五星技巧| www.cs0.cc-快三有技巧规律吗| www.752353.com-tt彩票网-| www.390950.com-龙胜彩票平台网址| www.057469.com-彩神帝app-| www.zy07.com-彩七在哪里下载软件| www.255787.com-福利彩票20选5图| www.752215.com-相信彩票吗-| www.834808.com-双色球好彩玩法| www.907730.com-快三时间调整| www.983760.com-华宇装潢玩彩票| www.aa39.cc-彩票封盘是什么意思| www.855927.com-一分时时彩倍投方案| www.996343.com-足彩单场在哪里买| www.l25.com-彩票2元中奖故事| www.778831.com-创彩网正规吗| www.968624.com-有没有微信时时彩群| www.od37.com-福体彩开奖查询结果| www.481623.com-彩票组合公式| 中彩网www.91233j.com| www.947950.com-竞彩足球论坛| www.892937.com-彩票中奖内部人买| www.ls48.com-彩票网66-| www.701448.com-竞彩足彩158| www.232987.com-百彩乐-| www.329922.com-一新彩吧-| www.wc21.com-七星彩预测推荐| www.679.live-竞彩足彩推荐310| www.5688.me-tt彩票下载-| www.268446.com-彩票2元网走势| www.en83.com-快三秒热水器原理| www.538752.com-3d大花猫彩吧图库| www.08600.com-网购福彩app| www.06118.com-附近的体育竞彩网点| www.450018.com-篮彩竞猜分析| www.863160.com-智慧彩快三-| www.920729.com-彩神争霸新版本下载| www.975400.com-博牛彩票计划| www.cp717.cc-福彩网骗局-| www.258572.com-彩客网完场比分| www.959328.com-河北福彩快3带垮| www.867369.com-网上彩票停售| www.964095.com-手机上买彩票输钱了| www.bq05.com-七乐彩票骗局| www.593990.com-零五网七彩试卷答案| www.683702.com-盛彩下载链接| www.787276.com-七星彩今晚开奖头尾| www.852995.com-中国体彩直播开奖| www.cai5025.com福彩快三助手| www.gx12.com-彩票大全下载软件| www.996403.com-哈尔滨福利彩票中心| www.28738.com-77彩票手机版下载| www.910846.com-篮彩竞猜规则| www.988024.com-幸运中彩票老版本| www.ag80.cc-河南福彩网快三遗漏| www.676576.com-福利彩票销量排行| www.360073.com-福彩豫彩通查询| www.553669.com-竞彩5000万中奖| www.78eu.com-有人买足彩赚钱吗| www.4336.cn-异地彩票中奖| www.602257.com-中彩票一万-| www.pu14.com-933彩票娱乐| www.63081.com-竟彩混合投注| www.510592.com-夸人漂亮的彩虹屁| www.823740.com-加盟三彩需要多少钱| www.11fj.com-彩频相册制作| www.048.hk-华夏时时彩的网址| www.14yf.com-男友为了彩礼分手| www.7cw.com-吉林三地彩票| www.64km.com-微信怎么买足彩| www.131547.com-福彩体彩谁中奖率高| www.9212.net-小鹿彩票计划| www.275061.com-江苏快三计划预测| www.519365.cc-主角中彩票的小说| www.588407.com-福彩群英会助手| www.672776.com-彩吧助手安卓版下载| www.750869.com-买彩票输了300| www.813740.com-辽宁省体彩11选5| www.879825.com-网投彩票大发| www.959582.com-注册送彩金的彩票| 好彩头www.51331g.com| www.27319.com-彩票真的可以破解吗| www.778193.com-淘彩网合法吗| www.876141.com-1516彩票注册| www.948573.com-在手机可以买彩票吗| www.994681.com-辉煌彩票怎么下载| www.qi6.cc-马来西亚南洋彩开奖| www.267211.com-福彩3d可信吗| www.892524.com-彩票开奖360| www.bx68.com-81彩票app-| www.zx51.com-彩虹六号手机版战队| www.074107.com-体彩胆码家彩网| www.126619.com-印尼五分彩开奖| www.cp0390.com-快三免费破解器开挂| www.04560.com-足彩交流群微信群| www.440709.com-福彩网提现是真的吗| www.102256.com-那个银行能买彩票| www.125158.com-幸运彩票平台| www.64ep.com-20彩吧-| www.707805.com-3d多彩网字谜总汇| www.ob86.com-北京福彩快3坑人吗| www.118149.com-鼎汇彩票是骗局揭秘| www.0635.com-胜负彩比分开奖| www.6727.cn-亚洲彩票29011| www.339864.com-南方彩票走势图| www.441400.com-四川省福彩兑奖地址| www.655532.com-网易分分彩走势图| www.790672.com-福彩32加1多少钱| www.856258.com-体彩都有什么玩法| www.2600.wang-关于最新诈骗彩票| www.692929.com-大发快三彩票新网址| www.867717.com-开心七星彩论坛交流| www.292967.com-福彩3d今晚开奖号| www.354717.com-如何看彩票走| www.6843.xyz-新浪彩票直播视频| www.122767.com-打彩金违法吗| www.um27.com-彩宝彩票官网安卓|