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天

知道了
58福彩 www.729662.com-黑彩属于诈骗么| www.77175.com-哪里有手机购彩| www.205265.com-安徽快三老板走势图| www.143003.com-彩虹店铺上买彩票| www.253504.com-甘肃快三技巧规律| www.347547.com-金彩网正规合法吗| www.354975.com-买彩票都是什么人| www.730.cm-快三1分钟1期| www.771145.com-丰大彩票app未知| www.862050.com-今天体彩开奖视频| www.931005.com-彩票平台破解方法| www.985150.com-微彩是什么-| www.rw2.com-福彩3d和尾走势| www.tw16.com-正规的手机彩票网站| www.610456.com-万博彩票好不好| www.2805.com-彩针糖-| www.318844.com-景德镇福利彩票| www.233124.com-体彩北单实体店| www.067590.com-建立彩票平台多少钱| www.166249.com-长春快三-| www.42034.com-赢钱彩票app官方| www.003425.com-极速赛车彩票投注网| www.31178.com-生彩宝软件下载| www.753507.com-23彩票软件注册| www.971287.com-买彩票刮刮奖行吗| www.41pc.com-澳洲3分彩是骗局吗| www.nf10.com-手机破解彩票平台| www.028352.com-博友彩票是真的吗| www.125062.com-848彩票-| www.198471.com-福彩兑奖中心地址| www.383078.com-体育彩票3月16| www.36689.com-澳门有什么彩票| www.743518.com-那里网络购彩| www.1431.in-海南彩票4位数| www.22242.cc-竞彩足球让球负什| www.076791.com-韩国五分彩走势图| www.sk31.com-蒙古快三开奖结果| www.91xn.com-乛彩民乐十阳光探码| www.927854.com-什么彩票是六位数的| www.cb69.com-福彩青海快三开奖号| www.04794.com-足彩公众号排名| www.735744.com-快三和值如何算| www.630775.com-今日欧联杯分析竞彩| www.180829.com-手机彩票软件排名| www.299974.com-中彩股份下载| www.937979.com-彩票app哪种最快| 500彩票www.202314.com| www.003731.com-盈盈彩计划群| www.094188.com-快乐12彩票-| www.021.name-彩吧‖登录平台| www.4559.org-七星彩第35期| www.55912.cc-网投彩票犯法吗| www.121805.com-宝马彩票事件| www.44pq.cc-彩虹6号女鬼h| www.527915.com-荷兰5分彩走势图| www.098889.com-传统彩网站-| www.219478.com-江苏快三宝典| www.315309.com-莱利分分彩-| www.443200.cc-双色彩球开奖号码| www.53xs.com-关彩唏种子-| www.939471.com-福彩选四开奖是多少| www.021872.com-神级彩票系统微盘| www.133877.com-22彩票最新app| www.653418.com-玖富彩票西-| www.766378.com-乐猫彩票客户端下载| www.927300.com-彩票有几个数字| www.779363.com-彩票开奖三地试机号| www.873292.com-中彩网幸运快三| www.975940.com-2018林州彩礼| www.ak45.com-7星彩专家预测号码| www.637209.com-彩虹6号在哪里下载| www.764504.com-讯盈彩票app| www.874800.com-酷彩网-| www.560855.com-足彩计算大小球预期| www.894600.com-彩经网走势图旧版| www.978041.com-九歌彩票手机版下载| www.cp8760.com-微信快3彩票群| www.938661.com-双赢彩票7567| 中彩网www.91233x.com| www.za78.com-春秋彩票官网| www.130046.com-福利彩票机充值| www.535432.com-亿彩堂菲律宾| www.782922.com-七乐彩500走势图| www.957451.com-王牌彩票是黑平台吗| www.fw11.cc-彩票微信群怎么加| www.86ds.com-福彩3d杀胆彩宝贝| www.2283.pw-福彩宝坑吗-| www.9090.in-七星彩资料头尾| www.789316.com-天天彩票提现失败| www.983878.com-苏州快三线路| www.365986.com-儿童彩铅铅成品画| www.984642.com-彩八彩票是正规的吗| www.94597.com-山西体彩中奖号码| www.01652.com-网易足彩体育| www.82796.com-2013彩票app| www.911775.com-时时彩神计划| 吉利彩票www.80065t.com| www.208540.com-派彩网下载-| www.5091.com-时时彩大小公式计算| www.760276.com-广东好彩三-| www.993740.com-足球竞彩怎么玩| www.hv72.com-乐彩网走工具图表| www.0ba.cc-彩票软件有没有漏洞| 好彩www.60123a.com| www.160131.com-南国彩版808| www.377050.com-福利彩票3试机号| www.tw50.com-全国彩票2元开奖号| www.042898.com-彩票店标语-| www.136978.com-彩票中奖查询系统| www.768003.com-体彩开奖时间是几点| www.878640.com-福利彩票积分卡查询| www.948700.com-南宁安豪快三计划| www.996225.com-罗马彩票官方网站| www.vm5.com-经彩网排列三走势图| www.7323.wang-彩虹6号围攻官网| www.52859.cc-好彩网好赚钱吗| www.984091.com-彩之源app-| www.ka70.com-快三和值表下载| www.088.in-十六夜全彩母系短篇| www.5959.hk-咸阳市体育彩票| www.260857.com-猜谜彩票-| www.5118.cc-中彩网在线试刮| www.k95.cc-彩神软件是真的吗| www.656032.com-彩票纷争-| www.25482.com-宝典彩图-| www.74714.com-中国足彩网彩票| 发彩www.50732g.com| www.211248.com-乐彩彩票5分快3| www.053499.com-彩票网赚是真的吗| www.122514.com-彩金价格2018| www.67725.com-买彩票一夜暴富实例| www.659142.com-香港福彩门户新网址| www.954667.com-华夏彩票手机客户端| 8号彩票www.81520m.com| www.bh14.com-三分快三彩票计划| www.oy50.com-江苏e球彩中奖表图| www.t31.cc-湖北福彩新玩法| www.7889.org-天际国际彩票| www.846039.com-足球彩票圈贴吧| www.659879.com-人工智能分析足彩| www.837512.com-快三概率-| www.956799.com-彩蚕饲养方法| www.cm24.com-上海上海快三走势图| www.k69.xyz-掌上七天彩下载| www.76lh.com-七乐彩销售截止| www.122827.com-彩票计划最稳的网站| www.299659.com-安徽福彩快3查询| www.509362.com-利盈彩票国际| www.620378.com-如何买国外彩票| www.bg17.com-福彩双色球预测专家| www.71dj.com-华人娱彩-| www.315227.com-幸运彩是什么| www.402837.com-七星彩一位杀号| www.517729.com-五福彩彩票网址导航| www.587150.com-体彩7星走势图| www.656633.com-北京彩票店的电话| www.720378.com-贵卅快三一定牛首页| www.791796.com-福利彩票兑奖网址| www.862935.com-泰安体彩管理中心| www.909566.com-彩界小皇-| www.966256.com-极速快三怎么研究| 亿彩堂www.628867.com| www.937281.com-神彩福牛双色球专栏| www.sh09.com-腾讯时时彩走势图|