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.893622.com-彩票内蒙古快3今天| www.1200.cc-彩神ios-| www.180422.com-玩手机快三技巧| www.639728.com-于海福彩案结局| www.1490.biz-307彩票-| www.63425.cc-足彩资讯哪里看| www.256371.com-我要中彩-| www.442726.com-日本快3彩-| www.871993.com-我要查彩票中奖| www.255257.com-福彩快3奖金图表| www.402755.com-四川福彩兑奖地址| www.717458.com-彩铅绘画-| www.cai9322.com七星彩今晚预测| www.41kd.com-亿菲彩票登录| www.518964.com-腾讯分分彩游戏下载| www.693301.com-96彩票下载-| www.kh88.cc-体彩网点查询| www.571.red-重庆时时彩破解规律| www.13970.cc-足彩竞猜今日对阵| www.072018.com-体彩和外围哪个好| www.250398.com-有快三的中彩彩票| www.9645.com-派奖的彩票-| www.019142.com-49彩票苹果版| www.206225.com-湖北快三下载安装| www.464244.com-福彩杀码定胆360| www.663296.com-凤凰彩票提现要求| www.814421.com-体彩今晚上开奖结果| www.57rk.com-山东彩票群英会查询| www.81tl.com-竞彩投注高手| www.850011.com-十四场胜负彩预测场| www.906926.com-福利彩世界怎么注册| PK彩票www.8499x.com| www.357778.com-彩票a8骗局-| www.708123.cc-彩神vlll软件| www.508415.com-新加坡彩票玩法| www.245628.com-足球竞彩新浪爱彩| www.22ks.com-天王彩票网-| www.410688.com-天天中彩票下载不了| www.587589.com-合肥体彩竞彩店| www.762999.com-福利彩票。-| www.989429.com-福体彩最新开奖大厅| www.ug56.com-体育彩票开奖号| www.862.red-查看彩票开奖结杲| www.66744.com-3d彩票兑奖流程| www.133180.com-彩色包装纸箱定制| www.345208.com-西安福利彩票官网| www.588273.com-福彩5188图谜| www.742834.com-彩票app苹果版本| www.921707.com-五分时时彩计划软件| www.dj20.com-七星彩千位杀码公式| www.04zw.com-兰州彩票店微信| www.801259.com-快乐双彩开奖查询| www.913979.com-瑞彩祥云app网站| www.978743.com-500万块3彩票网| www.i37.club-立彩彩票苹果版| www.79wm.com-cb彩票-| www.01819.cc-快开彩票调整的影响| www.99221.cc-极速时时彩五星必中| www.110963.com-彩票坊首页-| www.226225.com-福利彩票的宗旨| www.356546.com-靠网络彩票发家| www.437178.com-中奖几率最高的彩票| www.136769.com-利彩彩票站彩平台| www.330319.com-3d彩吧网-| www.800043.com-山东彩票七乐彩| www.6dc.com-体彩今日开奖彩宝貝| www.8197.wang-澳彩客户端下载| www.703672.com-辽宁福彩网官网首页| www.791347.com-龙腾时时彩做号工具| www.873212.com-贵州体育彩票app| www.955556.com-玩01彩票输的想死| 华彩网www.hcw332.com| www.pf24.com-幸运99彩票网| www.65ry.com-竞彩十四场-| www.0911.biz-网上合买彩票的吗| www.29667.com-淘宝酷彩会有假吗| www.80827.cc-中彩网中奖规则| www.058561.cc-福彩3d今天图吧| www.140559.com-体彩一等奖领奖流程| www.222323.com-福彩交流群-| www.305789.com-彩票一注全中多少钱| www.397038.com-昨晚彩票号码| www.500099.cc-中国体育彩票销售额| www.581189.com-幸运分分彩官方开奖| www.661640.com-竞彩好中吗-| www.739767.com-盛源彩票app下载| www.802727.com-彩票开将查结果| www.880834.com-彩票选号器大乐透| www.961436.com-3d福彩论坛手机板| 亚洲www.183676.com| www.hh85.com-湖北快三现场直播| www.zx08.com-彩虹七号-| www.29yf.com-古风眼睛彩铅画| www.0914.net-合买彩票哪个网站好| www.6226.in-彩神vi5快三| www.22537.cc-爱米彩票真挣钱吗| www.78385.cc-3d彩票密码解密| www.056607.com-合肥福利彩票销售点| www.125757.com-彩票店主众筹| www.194988.com-福利彩票数字3玩法| www.265572.com-福彩3d福降天下网| www.334928.com-福彩快3哪些省有卖| www.400625.com-七星彩第一位走| www.503810.com-铜雀台彩票注册| www.562518.com-福彩基诺怎么玩| www.630468.com-彩票三地图迷| www.690165.com-新浪足彩预测网| www.755275.com-豪门汇彩票平台咋样| www.814531.com-河北彩票店-| www.881766.com-一分彩91234| www.941843.com-网络黑彩代理| www.982509.com-万达时时彩平台注册| www.xl4.com-中彩快三app| www.sc17.com-丹麦快乐彩官方| www.96212.cc-福彩大奖在哪里领| www.50734.com-海南私彩网站源码| www.086211.com-大发彩票群-| www.209314.com-老鹰网彩票合买| www.323707.com-体彩四川金七乐走势| www.468883.com-天天彩票时时彩计划| www.609586.com-天吉彩票论谈| www.736022.com-赚钱网站彩票| www.870784.com-中博彩票开奖网下载| www.970104.com-购彩网是什么平台| www.cg15.com-福彩快三靠谱吗| www.211.online-郑州乐彩科技领导层| www.276010.com-福建体彩31选7| www.cm11.cc-彩报3d-| www.699211.com-休彩360杀号| www.9026.top-爱彩票投注网| www.137574.com-投诉福彩-| www.4802.top-彩虹六号图标| www.545566.com-福彩30选七-| www.312217.com-彩票长龙计划| www.1204.vip-彩票号码7位数| www.9283.net-彩票33旧版本| www.69769.cc-竞彩猫收费破解| www.128793.com-国家福利彩票的种类| www.526.site-免费时时彩龙虎计划| www.590342.com-福彩3d晚秋和谜| www.509250.com-宝利彩票登录| www.721152.com-88爱彩是真的吗| www.353350.com-京彩挂机群-| www.32592.cc-解除婚约退彩礼案例| www.086851.com-体育彩票怎么玩的| www.028263.com-吉林快三一定牛遗漏| www.155070.com-竞彩几点截止投注| www.00864.com-彩票佣金结算| www.pu55.cc-砍龙团队刷彩流水单| www.695187.com-竞彩篮球比分新浪网| www.433999.com-933时时彩-| www.689130.com-体彩大乐透开奖信| www.906745.com-买体育彩票好| www.05333.com-有分模式的彩票平台| www.319896.com-2元彩票网正规吗| www.op87.com-荣鼎彩是什么| www.58pu.com-中国体彩可以网购吗| www.7732.com-趣博彩票正规吗| www.092252.com-民权彩礼-| www.289108.com-彩计划9cb下载| www.587831.com-万彩吧246-| www.356007.com-豪彩vip注册| www.96685.cc-深圳福彩案-| www.dh52.com-红旗彩票彩种|