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天

知道了
百盈PK10 www.90606.com-福利彩票生肖选号| www.81ow.com-赣州福利彩票| www.8668.vip-体育7星彩票开奖| www.47572.com-西安彩票中奖| www.026260.com-网上平台彩票合法吗| www.104677.com-足彩竞彩直播| www.451657.com-信誉彩票网址| www.255161.com-时时彩最稳定的玩法| www.693688.com-玩彩票wcpcc| www.123232.com-欢乐彩app官网| www.819890.com-镇上买彩票-| www.937411.com-福彩网app靠谱吗| www.996410.com-黑龙江体彩开奖查询| www.kb10.cc-体彩走势图大全| www.q64.xyz-福建快三未出号| www.53qx.com-贵阳市体彩销量| www.40753.com-7号彩票注册| www.93719.com-9亿彩票平台| www.144457.com-皇冠竞彩app| www.266722.com-河北快三豹子号推荐| www.175153.com-河南快三投注平台| www.691586.com-吉林快三平台出租| www.797036.com-福彩3d今天试杌号| www.909925.com-体彩61中奖结果| www.975985.com-万博购彩官方下载| www.291.tv-环球彩票平台登陆| www.241423.com-彩库宝典旧版| www.or80.com-靠谱的彩票软件公司| www.26oz.com-58体彩出兑哈尔滨| www.471127.com-关于私彩法律规定| www.567456.com-彩虹五号无人机售价| www.cp198.cc-快三app免费下载| www.68899.com-头奖彩票倒闭了吗| www.061291.com-彩民之家app下载| www.140955.com-app购彩大厅| www.940098.com-彩名堂计划4.0| www.5767.net-华彩软件站-| www.507038.com-亿彩堂网页版| www.904226.com-安徽快三大图| www.050767.com-玩黑彩有人赚了| www.129786.com-七星彩特区论坛论| www.780851.com-查看彩票开奖app| www.289803.com-江苏快三骗人| www.60063.cc-多宝彩票平台登录| www.058618.com-南京彩虹儿童关怀| www.8976.biz-旺彩旧版双色球软件| www.015002.com-彩票中奖牛人爆秘诀| www.228971.com-河南快三连线图| www.062623.com-惠州福彩申请| www.2316.org-快乐十分爱彩乐| www.688690.com-好彩1选号规律| www.485140.com-体彩篡改数据| www.655513.com-福彩3d和值形态| www.005607.com-时时中彩票登录| www.22398.cc-唯彩看球预测| www.51628.cc-广东体彩app| www.418283.com-体彩销售点查询| www.598516.com-七星彩19022| www.000450.com-分分彩倍投计划表| www.409940.com-鸿运彩票是真的吗| www.936216.com-彩票平台反水比较高| www.81ax.com-福少时时彩合法吗| www.144659.com-广西双彩最新开奖号| www.755500.com-旺彩双色球历史版本| www.11322.com-万彩网倍投-| www.ui10.com-福彩3d之家预测网| www.75hk.com-重庆足彩在哪儿领奖| www.382005.com-彩票书图片-| www.537869.com-云彩宝鸿运彩票网| www.928804.com-七星彩奖表图下载| www.cp9221.com-全能中彩彩票安全吗| www.58186.cc-福彩三d字图迷汇总| www.014711.com-七星彩最新图规| www.379968.com-玩黑彩违法吗| www.335643.com-红中彩票手机版| www.7743.net-比特币1分彩开奖| www.25318.com-画彩铅的技巧| www.440809.com-500彩计划聊天室| www.1789.com-秒速赛车彩票技巧| www.930277.com-99彩票网-| www.996643.com-黑龙江福彩领奖地址| www.lu64.com-网上快三是假的吗| www.1405.cc-彩票728安卓| www.8221.loan-今天澳门彩票| www.237625.com-足彩比分分析| www.321181.com-彩票扫描中奖软件| www.399533.com-新闻彩票中奖| www.540350.com-境外足彩-| www.33mx.com-体彩大乐透截止时间| www.8186.cc-幸运之彩双色球预测| www.58034.com-2018网上购彩| www.2971.biz-福彩第一时间藏机图| www.756.red-福彩专用音乐| www.6402.vip-雅迪r米彩2代| www.526508.com-足彩串关奖金计算表| www.929310.com-七星彩号码公式| www.go56.com-彩礼超过三万属犯罪| www.yo69.cc-体彩七位数怎么买| www.27wx.com-玩大发彩票能赢钱吗| www.3542.xyz-体彩二等奖多少钱| www.515607.com-代理推广快三| www.608363.com-赌场加彩什么意思| www.822999.com-彩票凤凰计划| www.936074.com-五星走势图彩经网| 福利彩票www.99677y.com| www.ll59.com-今日彩票app快三| www.51ka.com-种彩虹的女孩们| www.61619.cc-乐优彩票官方下载| www.922247.com-怎么成为足彩分析师| www.fc98.cc-玩彩怎么玩才能赢钱| www.32sg.com-体彩排列的怪字神贴| www.45321.com-吉林快三庄家胜率| www.234119.com-安徽福彩中心地址| www.282008.com-新浪数字彩票首页| www.434885.com-买足球竞彩网首页| www.7gl.com-彩票没买却中了| www.930607.com-彩票55官方下载| www.356576.com-足彩大乐透走势图| www.728368.com-能投注的彩票网站| www.289638.com-网上私彩和官通吃| www.363196.com-乐彩网3d首页| www.562876.com-中福快三吧-| www.662530.com-湖北快三开结果查询| www.775406.com-本港彩票网站| www.868605.com-七星彩合直走势| www.251121.com-中福福彩票下载| www.713936.com-v凤凰彩票平台| www.7gl.com-彩票没买却中了| www.114736.com-齐鲁风采七彩乐查询| www.889162.com-快三豹子通中多少钱| www.cai2016.com河北快三一定牛| www.w70.cn-掌上购彩是什么| www.1687.cc-彩票下一期预测| www.44284.com-买彩票输了怎么办| www.7228.vip-彩虹六号哪个版本好| www.800982.com-天津福彩快3| www.917427.cc-最大的私彩网| www.985084.com-腾讯一分彩开奖| www.sf89.com-我乐时时彩计划| www.95ku.com-体彩p3图迷总汇| www.952116.com-正确是直播电视彩票| www.989261.com-818彩票下载| www.710.live-时时彩和值任二技巧| www.388252.com-上海华彩管理咨询| www.524910.cc-苹果7有原彩吗| www.41732.com-往年中奖彩票被调| www.853320.com-北京福彩兑奖中心| www.935770.com-中奖快线彩票网| 华夏彩票www.hx5566.com| www.af30.com-六给彩票-| www.pn32.com-湖北快三号码预测| www.221670.com-瑞彩祥云快三下载| www.325631.com-彩票新规则-| www.500229.com-英国5分彩开奖时间| www.059546.com-彩民福地测速| www.841277.com-中国足彩比分直播网| www.1946.in-重庆市彩开奖分析| www.458459.com-500万分分彩彩票| www.541644.com-彩绳编手链-| www.636600.com-彩虹六号冷知识| www.732692.com-江苏福彩开奖时间| www.815351.com-视频即开型彩票规律| www.901110.com-3d彩界小少爷独胆| www.967438.com-彩票实体店微信号|