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.182.date-福彩3d奖号奖金| www.024247.com-体彩开奖走势图| www.173210.com-玩快三怎么才能赚钱| www.239003.com-app五亿彩-| www.76mm.com-足彩开奖公告竞彩| www.4620.cm-彩票中一万以上| www.375263.com-体彩组选三-| www.130705.com-新婚姻法退彩礼| www.574562.com-爱音乐彩铃电信美国| www.639383.com-如何经营彩票店| www.532949.com-三国无双星彩被捏| www.907979.com-七星彩中了五个号没| www.383122.com-体彩四等奖-| www.623830.com-雅迪米彩二代| www.788564.com-新浪十四场胜负彩| www.884044.com-黑彩赚钱-| www.478469.com-竞彩足球套利| www.609791.com-qq彩色气泡-| www.762576.com-幸运时时彩哪里的| www.875035.com-分分彩最稳的玩法| www.947816.com-福彩助手是骗人| www.133818.com-天天福彩开奖| www.234246.com-快三害人不浅| www.405090.com-彩铅房子风景画教程| www.b96.net-辣椒七星彩下载| www.880188.com-福彩3地杀码专家| www.979786.com-快三在线预测| www.hj69.cc-湖北快三一共多少期| www.cp7788.com-网赌分分快三害死人| www.019145.com-49彩票安装-| www.451618.com-分分幸运彩票| www.918218.com-uc彩票网-| 亚投彩票www.ya313.com| www.083338.com-江苏彩票网-| www.523192.com-天桥底老王彩票| www.852418.com-山东福彩云彩宝下载| www.753819.com-七星彩彩票大赢家| www.825533.com-问题彩民解决| www.891066.com-魔方彩票代理| www.955850.com-彩影软件-| www.gl31.com-腾讯分分彩开奖直播| www.396198.com-彩虹包-| www.9098.vip-七乐彩走势图500| www.57593.com-中彩高手计划| www.524922.com-圣地彩-| www.601446.com-七星彩中奖海报| www.447884.com-3d梁博说彩公众号| www.633020.com-竞彩篮球2串1规则| www.449176.com-投资彩票站怎么提成| www.598826.com-盈彩彩票靠谱么| www.173261.com-安微快三开奖结果| www.510407.com-文艺的夸人的彩虹屁| www.615810.com-中彩彩票客服电话| www.696596.com-快三走势图奖金| www.5636.com-今日彩神通关注码| www.37119.cc-微信彩票竞猜维护| www.70lt.com-博彩手机验证送彩金| www.633293.com-篮球彩票在哪儿买| www.50566.cc-ag333爱购彩| www.237357.com-体彩浙江6+1规则| www.315985.com-足彩竞彩店-| www.844595.com-体彩排列三一定牛| www.44ds.com-足彩十四任选九预测| www.333677.cc-赠与彩票中奖| www.500099.com-078彩票可靠吗| www.606608.com-彩票羊数字-| www.77734.com-体彩开奖电视台| www.797265.com-98彩票被骗-| www.890935.com-体彩中奖怎么领取| www.971156.com-体彩开奖公告七星彩| www.so4.cc-福彩幸运彩规则| www.113011.com-网上大众彩票| www.540529.com-福彩两码最大遗漏| www.654963.com-霞光异彩是什么意思| www.736668.com-上海体彩中心在哪里| www.801978.com-吉林省福彩中心秦岭| www.972417.com-彩铅唯美人物| www.qx62.com-快三开湖北奖结果| www.722941.com-东彩娱乐是坑人的| www.2427.top-菲律宾快三开奖查询| www.w21.org-微信大发快三群最近| www.63oj.com-自己搭建彩票| www.566205.com-足彩负其他-| www.680744.com-如何购买江苏快三| www.808866.com-竞彩任选九专家预测| www.928209.com-算局画规七星彩奖表| www.bc99.com-内蒙古福利彩票手机| www.f71.club-马来西亚网上博彩| www.67iw.com-7070彩票网站| www.11149.cc-彩票2元网开奖结果| www.608276.com-舟山飞鱼彩票开奖号| www.025750.com-彩票头奖领奖程序| www.788230.com-365约彩彩票| www.984528.com-彩8彩票最新app| www.rh88.cc-百宝彩票网河南| www.358734.com-体育彩票6加1开奖| www.972389.com-3d彩票魔图-| www.702159.com-快三开奖河南| www.816381.com-时时彩是不是赌博| www.67122.cc-买的彩票兑奖去哪里| www.ao7.cc-河南快三开奖纟结果| www.f10.org-乐彩网是真的吗| www.77oy.com-开彩网接口-| www.2668.bid-为什么体彩停售| www.3736.biz-今晚七星彩什么上将| www.035113.com-qq7彩票下载安装| www.803806.com-彩中彩平台下载地址| www.76as.com-七乐彩几点停止售票| www.811999.com-166彩票下载安装| www.3833.cc-体彩第19034期| www.96iz.com-高频彩联盟网址| www.732658.com-乐汇彩靠谱吗| www.112609.com-内蒙古体彩网点| www.087329.com-彩37彩票网站| www.149564.com-全能中彩app| www.224554.com-彩神ll网页登录| www.314468.com-彩票秘籍-| www.377140.com-腾讯彩票计划网址| www.454497.com-世界博彩公司网址| www.527569.com-福彩快三上期中奖| www.584285.com-人人中彩票客服| www.639377.com-彩票终端-| www.693106.com-买彩网app下载| www.768864.com-看彩票开奖结果| www.825049.com-七星彩走势图专业版| www.882714.com-易彩兼职靠谱吗| www.947146.com-福彩高频彩诈骗| www.984271.com-买二分彩技巧| www.cp8438.com-快三中奖概率速查表| www.22lo.com-天津时时采彩人工| www.581112.com-118时时彩官方版| www.68180.cc-大发彩网站登录| www.080802.com-长城彩票平台| www.507049.com-彩票需要研究走勢| www.594800.com-广东南粤风彩票| www.688450.com-彩鸿快三官网| www.782726.com-爱彩乐陕西快乐十分| www.920.date-买彩票中奖秘籍| www.355.red-有名的国外彩票网| www.44498.cc-彩色混凝土路面透水| www.985220.com-六会彩开奖结果查绚| www.07gh.com-冀彩宝有中大奖的吗| www.504744.com-彩票中奖王-| www.584419.com-排球彩票怎么买| www.668177.com-cc彩票网址-| www.748244.com-淘彩-| www.3580.com-天天快三福气快三| www.33879.cc-高薪聘请彩票分析师| www.266588.com-福彩3d黑圣手图| www.505402.com-博彩担保导航平台| www.677966.com-今晚足彩-| www.157220.com-新浪足彩票电脑版| www.02877.cc-福利彩票领奖去哪| www.74973.com-分分彩后二稳赚技巧| www.000201.com-万彩动画大师手机版| www.913027.com-我去彩票站提款| www.995598.com-北京单场竞彩| www.5643.com-第19009期体彩| www.060258.com-正德体彩店app| www.830506.com-金华福彩申请| www.915836.com-全国彩票店-| www.982484.com-竞彩大赢家实体店| www.cai4299.com快三开奖甘肃| www.mk14.com-体育竞彩足球app|