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.668683.com-福利彩票彩票走势图| www.826677.com-人人中彩票怎么升级| www.921757.com-七乐彩今天开奖号码| www.983694.com-928彩票下载安装| www.rw66.com-快三输的倾家荡产| www.vt21.com-山东体彩扑克3规则| www.0289.net-江阴体彩店承包| www.13871.cc-彩票涂刮能破解吗| www.079653.com-复式彩票选号| www.335002.com-福彩汇总预测| www.538136.com-国彩项目是什么意思| www.680129.com-彩票2元元网| www.830139.com-福彩3f专家选号| www.878617.cc-上饶体彩领奖在哪里| www.456381.com-彩汪汪彩票大乐透| www.641871.com-一张普通彩票的尺寸| www.837507.com-东莞体彩网点申报| www.976449.com-福利彩票综合分布图| www.076477.com-红旗彩票5566| www.268358.com-开彩票店要多少钱| www.563689.com-中彩网app邀请码| www.730761.com-足彩必发-| www.942076.com-陕西省福彩网| www.hn03.com-贵州福彩快3一定牛| www.981429.com-流水返点的彩票网站| www.939577.com-福彩在线注册大小| www.030234.com-好运来彩票会员登录| www.289494.com-中国彩票的真实性| www.448548.com-3d梁博说彩小燕子| www.653667.com-中国体育彩官网| www.789816.com-竞彩奖金上限| www.948714.com-江西快三豹子遗漏| www.ut23.com-福彩快三秒-| www.624.cm-时时彩北京pk计划| www.01563.cc-大发大掌柜彩票平台| www.91078.com-好彩36选3计算| www.182819.com-快三到底能赚钱吗| www.355348.com-智博微彩城公众号| www.13ae.com-福彩78期开奖号| www.524930.cc-黑客盗取私彩平台钱| www.973415.com-歌词一点彩虹| www.09ta.com-码雅彩票-| www.0096.cm-168彩票官网下载| www.00414.com-银川中彩票-| www.023983.com-足彩输钱-| www.777033.com-彩播二维码苹果版| www.09.cm-福彩3d断组| www.zn6.com-广西彩票官网| www.662706.com-请进入精彩内容搜狗| www.720201.com-海南七星彩三字现| www.912401.com-11选5私彩害人| www.kp19.com-彩票驿站平台靠谱吗| www.283300.com-体彩七星彩玩法规则| www.410782.com-体彩排列三下载| www.617786.com-快乐彩走势图怎么看| www.700072.cc-福彩3d规则及奖金| www.782722.com-止痢快三秒-| www.881394.com-博彩类app开发| www.449892.com-彩票搞笑图片带字| www.69qz.cc-关于彩票的故事题目| www.1991.in-足彩三串一复式| www.059482.com-168彩票开奖网站| www.261386.com-河南福彩快三技巧| www.595963.com-网赚买彩票违法吗| www.103033.com-南粤风采好彩1走势| www.34rz.com-代打彩票让骗了| www.683518.com-义乌福彩兑奖地址| www.920121.com-赢彩计划软件| www.0738.vip-各种幸运28彩票| www.22085.com-时时彩开奖走势| www.82837.cc-汕头福彩领奖在哪里| www.189594.com-河南体彩泳坛夺金| www.56et.com-分分彩杀号大全| www.9995.mobi-彩票赚钱项目靠谱吗| www.047986.com-e赢彩app-| www.555478.com-体彩排列5奖金多少| www.636522.com-彩虹4b无人机价格| www.160953.com-国民彩票官方网址| www.190518.com-e球彩常用奖金表| www.272556.com-河北福彩快3遗漏表| www.362066.com-彩乐透app-| www.635885.com-快三中两个有奖吗| www.723990.com-股市与彩票-| www.799942.com-中国体彩怎么玩| www.879924.com-七乐彩360走势图| www.53yf.com-彩虹堂-| www.1957.org-美团彩票游戏规则| www.8905.cn-竞彩多久能兑奖| www.854967.com-开门彩福彩官方下载| www.280814.com-重庆时时彩倍率漏洞| www.501167.com-近期福彩-| www.825349.com-男子痴迷彩票27年| www.18ze.com-体彩19030-| www.5882.xyz-长春彩票机-| www.59163.com-今晚七乐彩开奖情况| www.5100.hk-时时彩中奖号码| www.r71.cn-今天河北快三推荐| www.150939.com-双色球彩票过滤软件| www.970184.com-燕赵福彩首页| www.0837.date-下载网易彩票| www.607704.com-双机彩票站转让信息| www.eg6.com-中彩彩票官网| www.y49.xyz-彩神通两码推荐| www.835993.com-好彩玩法技巧| www.655214.com-七乐彩结果中奖结果| www.8fc.cc-国泰民安彩票| www.69281.com-足彩最新对阵表| www.342229.com-快三盈利-| www.291208.com-彩票500期走势图| www.372689.com-今天福彩3d奖号| www.507565.com-苏宁彩票主页| www.596444.com-2005年福彩和值| www.684163.com-天天有好彩正版资料| www.762032.com-彩色复印机租赁费| www.859494.com-珠江彩票骗人| www.915548.com-淘宝彩票网站| www.977049.com-彩票306是黑网吗| www.af7.cc-中国福彩3d走势图| www.pp83.cc-广西体彩十一选5| www.01fo.com-彩虹像桥还像什么| www.65of.com-豪彩平台注册送钱| www.212191.com-一分快三漏洞| www.298916.com-甘肃逸彩快三走势图| www.379965.com-明彩丝雾散粉| www.492407.com-体彩店每日限额| www.559805.com-内蒙时时彩今日开奖| www.612895.com-彩票到家店主版| www.679321.com-玩彩票成瘾怎么办| www.739108.com-官方渠道买彩票| www.796904.com-3d彩票计算方法| www.859239.com-网络彩票代理犯法吗| www.906043.com-沉迷彩票人的心理| www.958401.com-时时彩七星彩玩法| www.999455.com-什么彩票网站好| www.cv80.com-彩票返点高的平台| www.66253.cc-网页时时彩做号工具| www.1601.mobi-我要中彩票网页| www.7112.xyz-好彩客599-| www.21293.cc-报彩神童-| www.944892.com-乐发彩票官网下载| www.xj3.com-福彩3的正版藏机图| www.033087.com-v78彩票网-| www.101538.com-立彩助手评价| www.157553.com-8k彩票易彩快3| www.53001.com-买彩票搞笑经典短句| www.710686.com-七乐彩选号器| www.p10.com-101彩票下载| www.2610.shop-乐购彩票是什么| www.009019.com-159彩票网是假的| www.0375.xyz-休闲快三动作分解| www.897587.com-体彩足球胜平负查询| www.753601.com-709彩票软件| www.875233.com-皇冠彩票客户端| 68彩票www.68689y.com| www.xw08.cc-彩票1216网站| www.78ju.com-香港官网彩票| www.659095.com-中彩了是什么意思| www.651005.com-水彩森系古装少女| www.800.top-七乐彩汇总-| www.76387.com-蚂蚁博士时时彩| www.968513.com-彩票倍投1000倍| www.2171.cn-福彩藏机图正版更新| www.7237.cc-七彩冰淇淋机| www.39987.cc-三号彩票-|