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.175893.com-安徽省快三形态走势| www.090513.com-彩96注册娱乐网址| www.210057.com-大发快三是国家的吗| www.751101.com-彩运网下载安装| www.661117.com-台湾快三计划软件| www.036563.com-时时彩怎么做计划| www.4162.biz-七彩云和有限公司| www.667798.cc-福利彩票的职责| www.759710.com-澳客彩票网电脑板| www.949329.com-五福彩票专业版下载| www.749663.com-彩票306地址| www.5255.biz-微信小程序彩宝网| www.700747.com-彩套印刷-| www.73813.com-福彩上可以买吗| www.fe9.cc-分分时时彩下载| www.024718.com-足球竞彩中大奖| www.tq53.com-体彩投注站申请书| www.16xr.com-夫妻因幻想中彩票| www.081.date-澳客赢家彩票二维码| www.4955.biz-超级大乐彩开奖视频| www.21913.cc-什么叫刷彩-| www.804252.com-彩票能从网上买吗| www.927161.com-足彩四场进球彩| 金彩www.981jc.com| www.397794.com-鱼彩票-| www.mq88.cc-k彩登录网址| www.582196.com-九九九彩票-| www.686091.com-七星彩直播网易| www.779710.com-福彩独胆定胆| www.857227.com-体彩超及大乐透| www.926266.com-彩6彩票手机版下载| www.997252.com-鳄鱼彩票福彩双色球| www.gv61.com-新彩票走势图| www.r19.com-彩票对打-| www.50bo.com-神算彩票专家预测| www.1610.net-雅玛彩票游戏规则| www.4138.biz-彩虹6号干员| www.39116.cc-多彩网彩票网址| www.55403.com-国外搞时时彩犯法吗| www.69718.com-彩票源码免费下载网| www.65zd.com-198彩票平台注册| www.677456.com-体彩赢家app| www.910047.com-买福彩快乐十分技巧| www.98229.com-重庆时时彩三分| www.699783.com-福彩3d连线走试图| www.810907.com-福州体彩店转让信息| www.899827.com-中国福利彩票店流程| www.976742.com-云南彩礼排名| www.et02.com-彩票aqq-| www.yw72.com-3d彩票技巧和规律| www.537720.com-国彩在线下载| www.700633.com-佬牛任九足球彩票| www.659147.com-快乐彩杀号定胆| www.k94.com-两元彩票网走势图| www.793227.com-网上福彩双色球兑奖| www.86666.cc-福建快三开奖上结果| www.624665.com-5d漫画全彩无| www.857684.com-福彩快乐10分概率| www.062844.com-粤淘彩票是怎么回事| www.dx12.com-体彩网七星彩| www.4160.org-七彩云科技-| www.51171.cc-彩之源彩票骗局| www.286048.com-体彩试机号千禧| www.355101.com-竞彩中奖有税吗| www.57nu.com-体彩大乐透中奖人数| www.638678.com-上海体育彩票店| www.829207.com-新乐彩彩票平台| www.45ap.com-婚庆彩虹机-| www.761490.com-搜神传好彩妹和天尊| www.189342.com-彩票平台刷流水骗局| www.278001.com-体彩11选5浙江| www.484118.com-8848彩票大厅| www.567581.com-票彩票开奖-| www.52038.com-快三最高奖-| www.91731.cc-福利彩票双色球26| www.y90.top-北京京彩学校官方网| www.173781.com-凤凰私彩彩票官网| www.75qo.com-临汾市古建彩绘公司| www.229745.com-9彩票-| www.wx0.com-3d乐彩论坛-| www.925587.com-当彩票打票员累死了| www.6665.loan-来彩网下载-| www.578670.com-福彩快三倍投计划表| www.388888.com-体彩大乐透购买中心| www.853608.com-天津新宇彩板怎么样| www.467342.com-足彩开奖公告竞彩| www.17099.cc-上海昨天快三开奖| www.459095.com-甘肃爱乐彩快3| www.699590.com-辽宁福彩双色球中奖| www.43053.com-中彩网3d北斗预测| www.271513.com-厦门好彩烟-| www.95958.com-竞彩双选盈利| www.139377.com-体彩福彩3d八卦图| www.4xa.com-彩票中奖率是多少| www.316375.com-22彩票app下载| www.297373.com-河北福彩开奖结果| www.652558.com-精彩大乐透频直播视| www.672935.com-古建筑彩绘龙| www.200021.cc-彩票开奖宝贝| www.936680.com-自动体彩贩售机| www.615389.com-失控的黑彩1| www.cp187.com-152彩票官网| www.23xi.com-尼彩手机价格| www.79227.com-香港购物团彩金| www.ss71.com-小鹿彩票app| www.107596.com-体育彩票店销量排行| www.337449.com-新用户可以领取彩金| www.52gk.com-固体水彩-| www.36752.cc-幸运28彩下载| www.te26.com-大发快三规律视频| www.396468.com-香港中彩堂| www.zt1.cc-吉林吉林快三遗漏网| www.66mj.com-海南七星彩代理| www.071725.com-广东福彩网官方网| www.862537.com-今天彩票开奖号| www.121844.com-吉利时时彩开彩结果| www.110204.com-新乐彩是黑平台吗| www.004583.com-竞彩胆拖彩票图片| www.165573.com-11068移动彩票| www.393687.com-水彩星空画教程图片| www.738323.com-彩票朋友圈软文| www.12008.cc-乐米彩票竞彩网| www.318677.com-彩九九官方网站| www.618930.com-刮刮彩透视-| www.93479.com-心理五快三良| www.4314.biz-f彩网的注册邀请码| www.095129.com-大奖网彩票触屏版| www.287981.com-彩票助手软件电脑版| www.ar70.com-皇家快乐彩开奖结果| www.45xz.com-全民彩票改名成什么| www.259275.com-时时彩机器-| www.443228.com-网易彩票是真的么| www.36299.cc-22彩票网站彩下载| www.657682.com-彩票高手杀号方法| www.77kg.com-万彩办公大师手机版| www.33410.com-凤彩网双色球图库| www.7418.xyz-安庆体彩竞彩网点图| www.338724.com-二分彩票查询双色球| www.2452.org-365足彩外围网站| www.824273.com-老梁观世界问题彩民| www.002260.com-七乐彩一般中奖金额| www.348210.com-福彩奖金计算方法| www.39685.cc-百彩网资料大全下载| www.767944.com-中国竞彩足球计算机| www.q14.org-河北快三黑红号预测| www.428175.com-有哪些彩种是官方的| www.559777.com-冀彩宝客户端下载| www.993871.com-足彩知识-| www.yi09.com-七星彩体育彩票| www.64527.com-彩票试玩人员骗局| www.261916.com-彩票中奖全部查询| www.451522.com-分分彩算号软件| www.618328.com-黑龙江体彩中心电话| www.9883.in-36o彩票走势图| www.6066.top-田伟足彩18002| www.929262.com-福彩网能玩吗| www.527388.com-时时彩对子出现规律| www.093802.com-体彩乐选三玩法| www.9kt.cc-北京快三彩票网点| www.153789.com-中国福彩网快3平台| www.654990.com-局王版七星彩| www.34698.com-人工智能选彩票| www.052028.com-网彩平台出租| www.568333.cc-河北体彩快乐扑克|