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.0009.in-彩票号码一般几位数| www.19813.com-幸运5分彩计划| www.76133.com-彩票折叠-| www.072686.com-什么时间可以买彩票| www.616.website3号彩票平台登录| www.6054.cc-体育彩票怎么过户| www.fn30.com-彩神通彩票软件| www.762381.com-87彩店云app| www.188221.com-体彩481近30期| www.sp9.cc-老快三开奖结果| www.67lo.com-体育彩票旗舰店平台| www.78646.com-福彩3d彩涂吧| www.275263.com-五分彩定位胆怎么算| www.359393.com-七星彩打什么奖好| www.267320.com-彩票开奖直播| www.727711.com-下载728彩票| www.851868.com-特彩吧旧版原版正料| www.139368.com-蓟彩芝演过的电视剧| www.021655.com-熊猫竞彩ios| www.172318.com-快三大小单双技巧| www.866182.com-易迅彩票官网首页| www.562396.com-国内最牛彩票投注站| www.643911.com-山东分分彩开奖号码| www.763332.com-时时彩6期必中| www.834174.com-台湾好彩双爆| www.544663.com-7070彩票网址| www.13627.com-中国篮球竞彩网首页| www.577263.com-彩虹糖什么意思| www.674720.com-特彩吧高手料齐中网| www.772264.com-荣鼎彩有谁黑过| www.858455.com-三彩官网旗舰店| www.947991.com-大乐透预测众彩网| 天天彩票www.106295.com| www.951798.com-彩票坏了能兑奖吗| 大赢家彩票平台www.292726.com| www.778934.com-走势幸运之门彩票网| www.896881.com-手机彩票挂机平台| www.972645.com-风景画彩铅画| www.fn01.com-星光彩票app| www.yb67.com-玩彩票三期防挂软件| www.31hy.com-飞越彩虹歌曲| www.513113.com-百度一下乐彩彩票| www.585866.cc-福彩没人买了| www.358310.com-中了大奖彩票店老板| www.129470.com-众彩平台下载专区| www.894903.com-双色球购彩车| www.973498.com-足球彩票腰折怎么算| www.cai3913.com快三有什么规律| www.0874.tv-玩彩票钱提不出来| www.644410.com-正规的118彩票| www.415214.com-重庆时彩怎么看号| www.p45.com-皇都彩票是安全的吗| www.75768.cc-彩票每天救援金| www.225952.com-时时彩计划网| www.209785.com-彩神v下载-| www.123996.com-福彩开心农场| www.32ge.com-58彩58开奖记录| www.307790.com-派彩采集器-| www.3914.me-梦图解码七星彩抓鱼| www.bd2.com-彩神大发快三手机版| www.339490.com-湖北快三k彩| www.269705.com-7072彩票-| www.343225.com-乐彩客彩票官方网站| www.855707.com-兆彩中奖规则| www.4802.top-彩虹六号图标| www.442296.com-下载福利彩票3d| www.486488.com-蓝彩分析-| www.245896.com-vip500彩票-| www.323098.com-马来分分彩杀号| www.422966.com-福利彩票售卖点| www.525078.com-鑫乐博在线彩票| www.131660.com-河南彩民双色球中奖| www.ky88.com-贵州十一选五爱彩乐| www.654740.com-七星彩大奖图片| www.758867.com-彩票qq营销话术| www.850859.com-时时彩选胆杀号技巧| www.919199.cc-彩票游戏时时彩网址| www.971227.com-球探彩票app| 58购彩网www.58gc8.com| 好彩头彩票www.90305b.com| www.512.vip-7乐彩中奖概率最高| www.510740.com-取名彩虹的含义| www.142568.com-彩运网cy088| www.979527.com-好彩印第安铁盒| www.386033.com-22彩票官网ios| www.47lx.com-网上如何买福彩| www.770738.com-七彩建盏养后效果图| www.880028.com-天天彩4选开奖号码| www.975708.com-专业福彩快三网| www.fv88.com-内蒙古快三专家推荐| www.982990.com-牡丹海棠与彩玉海棠| www.703349.com-手机软件彩票| www.801739.com-彩票自助查询终端| www.951288.com-京彩彩票官网邀请号| www.ad94.com-昨福利彩票开奖号码| www.i00.mobi-福彩快三玩法口诀| www.92ew.com-01彩票咋样-| www.5433.vip-今天足彩结果查询| www.16215.cc-中国竞彩网中国警察| www.75157.com-彩吧四版-| www.069763.com-608彩票-| www.276373.com-时时彩一码倍投方案| www.385329.com-永远谈彩票做假| www.288289.com-爱彩乐彩票网时时彩| www.389065.com-十分快三输钱| www.079278.com-全民星彩可靠吗| www.28az.com-中国福彩有app吗| PK彩票www.181599.com| www.328159.com-南方双彩网论坛| www.51uy.com-小班彩虹伞玩法| www.946.live-彩票选哪个数字| www.642863.com-幸福彩票是合法的吗| www.727620.com-快三中奖信息| www.794563.com-彩种能玩吗-| www.291316.com-江苏快三三不同遗漏| www.303012.com-97彩票下载app| www.1730.vip-加微信送188彩金| www.8958.net-国彩网是什么网| www.382028.com-点击看更多精彩视| www.464027.com-三d双彩网走势图| www.26qy.com-彩发发软件准吗| www.3500.me-注册彩票送钱| www.13252.cc-竞彩心态-| www.74136.com-彩之网彩票交流区| www.055201.com-快三黑彩举报电话| www.132853.com-360世界杯彩票| www.hu72.com-快中彩开奖结果查询| www.m01.club-众乐彩票大发快三| www.64vw.com-新加坡大彩开奖| www.502861.com-福利彩票收益干啥用| www.571725.cc-时时彩绝密技巧| www.682575.com-快彩网app官网| www.766912.com-双色球中彩网首页| www.836311.com-顺丰彩票合法吗| www.893529.com-乐彩十分快三| www.955098.com-佛教与彩票-| 网易彩票www.097wy.com| www.577755.com-分分彩龙虎玩法| www.116119.com-vr彩票-| www.957873.com-爱彩乐注册-| 500彩票www.52072q.com| www.6195.ren-重庆时时彩靠谱网站| www.506567.cc-即时开彩5.4.0| www.567312.com-1江苏福彩-| www.ji3.com-北京快三网址| www.38273.cc-555彩票官方网站| www.570672.com-视讯彩不能玩| www.57797.cc-境外足球博彩app| www.bf10.cc-七乐彩-| www.wp12.com-奥客彩网奥客彩网| www.62gl.com-顺盈彩票是真的吗| www.339946.com-竞彩收米gif图片| www.571414.com-江西省多乐彩| www.509929.com-3d彩报图集-| www.918142.com-中奖彩票卖了犯法吗| www.779441.com-体彩七星彩34期| www.3992.top-三度博彩-| www.1732.win-赌彩票能发才吗| www.527134.com-澳门皇冠彩票| www.566907.com-南京福彩申请条件| www.500060.com-足彩2串1计划表| www.m37.biz-手机彩膜多少钱| www.617.cm-时时彩怎么下载| www.8495.cn-福彩售票几点结束|