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天

知道了
1分快三 www.314202.com-3d彩票开奖查询| www.093979.com-福彩蛋蛋正规不| 计划网页版-705黑彩案件| www.086595.com-快三公交车路线查询| www.185707.com-快三有假吗-| www.292897.com-彩票砍龙神器| www.481853.com-诺亚在线彩票怎么样| www.2226.win-昆明七彩云南第壹城| www.16384.com-98c彩票网-| www.811188.com-江苏快三倍投数据表| www.248978.com-天天中彩票-| www.442267.com-捷豹彩票系统登录| www.040535.com-智能彩票挂机软件| www.477277.com-福少时时彩在哪下载| www.596679.com-福彩快乐彩害死人| 网易彩票www.099wy.com| www.646699.com-足彩十四场技巧| www.359350.com-彩票真假怎么看| www.825550.com-众乐快3彩开奖结果| www.936601.com-北京快三彩票走势图| www.cai8722.com安微快三开奖查绚| www.266834.com-足彩胜负概率计算| st--体彩快3玩法| www.2545.cn-创世红梅彩票| www.615146.com-彩票七位数怎么买| www.734338.com-凤彩网字谜总汇| www.422568.com-卖福利彩票书的| www.173926.com-彩神iv下载-| www.279853.com-彩乐乐走势图| www.838315.com-专业玩彩双色球| www.44jc.com-竞彩让球投注绝招| www.845690.com-江苏快三好打吗| www.345945.com-爱购彩安卓版| www.294167.com-国乐彩江苏快三| www.522614.com-时时彩豹子怎么买| www.663812.com-彩票源程序-| www.795848.com-天天彩官网-| www.949891.com-福彩8炫彩玩法| www.by23.cc-彩票长龙提醒软件| www.57911.com-彩运网cy75-| www.365173.cc-中信彩票可靠吗| www.443659.com-小儿心脏彩超数据| www.557467.com-众彩网双色球程远最| www.635960.com-七乐彩尾数杀号公式| www.19911.com-福彩十二生肖下载| www.vo16.com-安徽快三今50期| www.813634.com-宁夏体彩网点| www.912214.com-彩客网合法吗百科| www.974790.com-彩票开奖查询44期| www.cp1999.com-中国快三大全网官网| www.lm49.com-123彩票下载安装| www.82qa.com-体彩6十1奖池余额| www.376055.com-彩票联盟app| www.466411.com-福彩七乐彩派奖规则| www.553712.cc-竞彩俱乐部-| www.614151.com-奇妙与彩票讲解| www.688172.com-短信购彩-| www.762212.com-竞彩足球投注下载| www.80050.com-玩外围博彩违法吗| 乐发彩票www.223559.com| www.81hm.com-福彩快乐十分新规则| www.9105.vip-彩铅樱桃画入门教程| www.1869.website易记彩票网站| www.263339.com-极速时时采彩开奖| www.92rw.com-韩国彩票3d-| www.479509.com-足彩半场能交易吗| www.8414.xyz-爱彩乐老版-| www.68210.com-彩票巫师-| www.54586.com-双色球彩票指南总汇| www.162348.com-170彩票网首页| www.178122.com-彩票快三有口诀吗| www.485753.com-篮球彩票大小分盘路| www.982516.com-内蒙古快三和值遗漏| www.19318.com-彩发发最新版| www.971737.com-大地彩票官方| www.cq02.com-个人买私彩坐牢吗| www.878877.com-七星彩最近30期| www.976520.com-河南体彩中心建行| www.xj6.com-一分快三的稳赚秘籍| www.uw21.com-八八彩票下载| www.688338.com-大发快三盈利技巧| www.193176.com-快三玩法中奖多少钱| www.2162.top-彩票代购怎么做的| www.7360.cc-体育彩票今天开业| www.50mj.com-老吴竟彩微博| www.909.biz-九宫四柱测彩| www.065028.com-私彩平台漏洞篡改器| www.233850.com-安徽省快三开奖今天| www.659642.com-东方彩票靠谱吗| www.521301.com-彩500主页-| www.8867.in-彩票数字出现的次数| www.055431.com-彩票团队名字大全集| www.195371.com-重庆时彩开奖号码| www.297010.com-一分快三漏洞教程| www.65565.cc-体育彩票选号分布| www.947398.com-3d中国彩吧图库| www.ej48.com-福彩20选八-| www.if61.com-手机店买彩票怎么买| www.143918.com-大发云神彩争霸| www.322851.com-彩计划软件app| www.456340.com-福彩大乐透玩法| www.0213.biz-荣耀彩票线路导航| www.9630.shop-p3走势图彩经网| www.48599.com-竞彩胜负彩-| www.91582.com-日税好彩和日免| www.727175.com-福彩3d8200-| www.800606.com-云冈区福利彩票站| www.871985.cc-福彩开机号试机号| www.928493.com-肖立刚快三-| www.983624.com-七乐彩开奖| www.cp294.com-河北快三开奖今天的| www.kh84.com-中国福彩3d预测| www.7337.org-7号彩虹电池容量| www.266408.com-河北福利彩票网官网| www.372643.com-柬埔寨5分钟彩| www.816965.com-搜狗快三-| www.878369.com-内蒙快三助手app| www.948836.com-福彩到好运到| www.995074.com-惠彩是什么-| www.gz97.com-时时彩诈骗-| www.869915.com-彩票号码复制如何算| www.931288.com-河南彩票幸运魔方| www.976697.com-四川资阳结婚彩礼| www.ch5.cc-玩快三有什么诀窍吗| www.521102.com-吉祥彩登录网站| www.589558.com-明天篮彩分析预测| www.713206.com-掌上七天彩票| www.826182.com-新浪乐彩下载| www.887190.com-淘宝彩票中奖真的吗| www.633340.com-手上买彩票这么买| www.078999.com-七星彩1976期百| www.810306.com-代购海外彩票| www.995931.com-19046期足彩| www.3073.biz-永盛彩票网怎么注册| www.04468.com-彩票微助手下载安装| www.931712.com-买彩票中奖必中法术| www.mv40.com-安徽快三实时走势图| www.5094.vip-彩播下载-| www.12349.cc-96彩票下载-| www.280014.com-给账号代玩彩票兼职| www.432138.com-彩票开奖规则双色球| www.372600.com-贵州快三和值遗漏| www.65qt.com-合肥彩神专栏| www.241611.com-数学破解彩票| www.521188.com-怎么套路别人玩彩票| www.700057.cc-彩神挣霸lv-| www.790315.com-易语言炫彩-| www.912574.com-大发时时彩计划网| www.987200.com-购彩堂彩票-| www.it27.com-竞彩网比分直播| www.025814.com-内蒙古彩票-| www.296417.com-福彩快3qq群| www.53720.com-提前知道时时彩软件| www.260012.com-彩票平台如何报警| www.356623.com-福彩三的九宫八卦图| www.413747.com-脸上挂彩有什么征兆| www.89371.com-缅甸新品双爆好彩| www.6830.vip-福彩3d汇图谜总汇| www.78359.cc-3d彩票秘密-| www.180070.com-街机新快三叫啥| www.675856.com-天下彩正宗免费资料| www.815424.com-视频彩票终端| www.8535.wang-下载福彩360软件| www.43199.cc-中彩网11选5合买|