QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jquery金融投资网站导航二级菜单和图片轮播布局

原创商用 jquery金融投资网站导航二级菜单和图片轮播布局

jquery 实现金融理财网站导航二级菜单以及宽屏图片轮播特效,基于superslide开发,结构简单清晰,jquery参数均可修改,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="aui-header">
	<div class="aui-comm-box clearfix">
		<div class="aui-nav-logo">
			<a href="#">
				<img src="images/icon-logo.png" alt="" class="aui-nav-logo1">
			</a>
			<a href="#">
				<img src="images/icon-gf.gif" alt="" class="aui-nav-logo2">
			</a>
		</div>
		<div class="aui-nav-nav">
			<dl class="clearfix">
				<dd class="on">
					<h3 class="aui-clear">
						<a href="#">首页</a>
					</h3>
				</dd>
				<dd>
					<h3>
						<a href="#">财富管理</a>
					</h3>
					<div class="aui-hot"></div>
					<ul class="aui-nav-list">
						<li>
							<a href="#">MM计划</a>
						</li>
						<li>
							<a href="#">M+计划</a>
						</li>
						<li>
							<a href="#">XX包</a>
						</li>
						<li>
							<a href="#">有道财富</a>
						</li>
					</ul>
				</dd>
				<dd>
					<h3>
						<a href="#">个人信贷</a>
					</h3>
					<ul class="aui-nav-list">
						<li>
							<a href="#">开借</a>
						</li>
						<li>
							<a href="#">房产贷款</a>
						</li>
						<li>
							<a href="#">高管股权贷</a>
						</li>
						<li>
							<a href="#">高管信用贷</a>
						</li>
						<li>
							<a href="#">股票质押贷</a>
						</li>
						<li>
							<a href="#">商通贷</a>
						</li>
					</ul>
				</dd>
				<dd>
					<h3>
						<a href="#">企业金融</a>
					</h3>
					<ul class="aui-nav-list">
						<li>
							<a href="#">企业信贷</a>
						</li>
						<li>
							<a href="#">过桥垫资</a>
						</li>
						<li>
							<a href="#">股权投资</a>
						</li>
						<li>
							<a href="#">股权质押</a>
						</li>
						<li>
							<a href="#">财务顾问</a>
						</li>
					</ul>
				</dd>
				<dd>
					<h3>
						<a href="#">金融租赁</a>
					</h3>
				</dd>
				<dd>
					<h3>
						<a href="#">信息披露</a>
					</h3>
				</dd>
				<dd>
					<h3>
						<a href="#">湾主码头</a>
					</h3>
					<ul class="aui-nav-list">
						<li>
							<a href="#">金融论坛</a>
						</li>
						<li>
							<a href="#">积分商城</a>
						</li>
					</ul>
				</dd>
			</dl>
		</div>
		<div class="aui-nav-right">
			<a href="#">个人中心</a>
		</div>
	</div>
</div>
<div class="aui-banner-box">
	<div class="aui-banner-slide">
		<div class="hd aui-banner-circle">
			<ul>
				<li class="on"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="bd aui-banner-body">
			<ul>
				<li>
					<a href="#" class="aui-banner-body-bg01"></a>
				</li>
				<li>
					<a href="#" class="aui-banner-body-bg02"></a>
				</li>
				<li>
					<a href="#" class="aui-banner-body-bg03"></a>
				</li>
				<li>
					<a href="#" class="aui-banner-body-bg04"></a>
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="aui-background">
	<p>*预期收益并非平台承诺收益,市场有风险,投资需谨慎</p>
</div>
<div class="aui-list-item">
	<div class="aui-list-wrap">
		<ul>
			<li>
				<div class="aui-list-wrap-box">
					<h2>
						<img src="images/icon1.png" alt="">财富管理
					</h2>
					<p>
						<a href="#">MM计划</a>
						<a href="#">财富岛</a>
					</p>
					<p>
						<a href="#">M+计划</a>
						<a href="#">XX包</a>
					</p>
				</div>
			</li>
			<li>
				<div class="aui-list-wrap-box">
					<h2>
						<img src="images/icon2.png" alt="">贷款
					</h2>
					<p>
						<a href="#">个人信贷</a>
						<a href="#">股票质押</a>
					</p>
					<p>
						<a href="#">高管信用贷</a>
						<a href="#">房产贷款</a>
					</p>
				</div>
			</li>
			<li>
				<div class="aui-list-wrap-box">
					<h2>
						<img src="images/icon3.png" alt="">融资租赁
					</h2>
					<p>
						<a href="#">自助贩卖机</a>
					</p>
				</div>
			</li>
			<li>
				<div class="aui-list-wrap-box">
					<h2>
						<img src="images/icon4.png" alt="">湾主码头
					</h2>
					<p>
						<a href="#">积分商城</a>
						<a href="#">JR兑换</a>
					</p>
					<p>
						<a href="#">JR抽奖</a>
					</p>
				</div>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">

	jQuery(".aui-banner-slide").slide({
		mainCell: ".bd ul",
		effect: "fold",
		autoPlay: true,
		trigger: "click",
		delayTime: 1000
	});

	jQuery(".aui-comm-box").slide({
		type: "menu",
		titCell: "dd",
		targetCell: "ul",
		delayTime: 0,
		defaultPlay: false,
		returnDefault: true
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
购彩堂 www.ei86.com-有没有玩微信快三群| www.380329.com-正规的安庆体彩店| www.556656.com-彩票真实性-| www.677039.com-彩色包装盒厂家| www.843063.com-中国最早彩票| 中国福利彩票www.33588z.com| 必发彩票www.783306.com| www.162319.com-一分钟一开快三| www.022686.com-重庆约彩365| www.671688.com-鬼六神算彩吧图库| www.816949.com-天下彩资料免大全| www.902952.com-中国体育彩票网开奖| www.983282.com-新盈彩平台-| www.qc36.com-两个网彩平台对刷| www.41xu.com-彩票对刷佣金平台| www.755285.com-中彩网怎样支付| www.856938.com-如何开彩票站| www.937007.com-台湾福星彩现场开奖| www.996677.cc-乐盈彩票手机版下载| www.431.date-百度分分彩-| www.77657.cc-彩票走势图显示器| www.563021.com-彩票中奖2亿| www.652134.com-彩运8下载app| www.735288.com-体育彩票摸奖技巧| www.815210.com-中国国彩骗局揭秘| www.905436.com-体彩足球竞彩任选九| www.984008.com-258彩票网-| www.wu7.com-北京体彩快三走势图| www.1937.me-金亚洲彩票平台注册| www.603733.com-第二人生彩票攻略| www.587091.com-鴻彩彩票-| www.843573.com-福利彩票多少位数| www.976094.com-结婚彩礼顺口溜词语| www.qm89.com-什么是江苏快三彩票| www.382302.com-创银彩票合不合法的| www.200202.com-河南福彩快三遗漏值| www.112107.com-现金彩票app| www.00070.cc-腊肠彩色包装袋| www.00028.cc-彩色印刷包装袋| www.53913.cc-时时彩混选技术论坛| www.232957.com-五百万彩票app| www.356708.com-体育彩票怎么开| www.476214.com-国民彩票网是真的吗| www.590632.com-关小刀今日竞彩| www.736512.com-快三最多几期连出| www.994129.com-辉煌彩票app下载| www.oc36.com-时时彩后三胆码技巧| www.31kj.com-今天福彩3d的号码| www.sk37.com-私自卖彩票犯法吗| www.070767.com-678彩票网怎么样| www.179949.com-福利彩票双色球预测| www.323453.com-7k官方彩票网站| www.427842.com-众彩网3d精品杀号| www.852922.com-中国福彩阳光开奖| www.63106.com-365彩票开奖信息| www.112231.com-注册送38的彩票| www.7307.vip-彩虹六号国内战队| www.254965.com-信誉彩票app下载| www.378219.com-万豪彩票助手手机版| www.486300.com-极速五分彩-| www.567012.com-陕西中彩票的| www.640345.com-新浪爱彩是啥平台| www.711156.com-刷彩算是赌博吗| www.811017.com-彩票头奖是什么| www.883717.com-208彩票送彩金| www.974454.com-快三根据什么出号| www.lu36.com-三d彩票红五图库| www.09jq.com-幸运快三稳定版计划| www.846454.com-时时彩海南私彩玩法| www.948034.com-四川体彩金7乐走势| 500万彩票www.35155y.com| www.356416.com-新利快三最大遗漏值| www.533932.com-福彩3定位杀码牛彩| www.644624.com-青岛一等奖彩票排行| www.930574.com-快三豹子常见口| www.5086.biz-全球史上彩票最大奖| www.97926.com-时时彩神兽计划| www.325916.com-彩宝贝排列三定3跨| www.394343.com-彩虹六号耶格什么梗| www.zv47.com-上海彩票在哪里兑奖| www.0364.live-大地彩票安卓下载| www.9786.org-体彩外挂-| www.884021.com-乐彩网福彩3d| www.h58.biz-广西快三跨度走势表| www.96rt.com-彩排英语动词怎么说| www.249211.com-金山彩票app| www.38112.cc-大彩网3b走势图| www.96222.com-体彩足球胜负推荐| www.pl42.com-七星彩直播-| www.27tp.com-龙珠全彩本子| www.965.cm-七星彩中奖彩民| www.7960.vip-正好彩票网黑龙江| www.990768.com-如何做手机彩票代理| www.ga67.com-酷彩吧官网| www.37dz.com-好彩客中奖能提现吗| www.00191.com-小店宝是彩票吗| www.85815.cc-凤凰彩票正规网址| www.207715.com-福彩3d过滤缩器| www.485602.com-易彩赚钱-| www.512053.cc-梦见刮彩票但不中奖| www.597817.com-腾讯分分彩中奖规则| www.667544.com-24个球的彩球机| www.727841.com-体彩数字3-| www.790937.com-福彩预测交流讨论区| www.qa24.com-248彩票-| www.760963.com-福彩双色球中奖省份| www.967067.com-三d彩票79期开奖| www.p93.com-易发彩合法吗| www.919762.com-体彩app开发| www.995836.com-下载743好彩软件| www.ab50.com-快三三同号通选技巧| www.152890.com-海口七星彩彩版| www.1503.me-彩虹屁文案优美| www.377315.com-扣扣彩票-| www.713602.com-王者彩票苹果版下载| www.793670.com-党员中彩票怎么办| www.866903.com-中国福利彩票新快三| www.927968.com-青海福彩官网| www.978506.com-福福彩开奖结果| www.cai6933.com甘肃快三带线走势图| www.383559.com-每天买两块钱彩票| 500彩票www.50064u.com| www.61236.com-全部彩票集合网| www.008589.com-足彩19051开奖| www.079861.com-彩票双色球计算方法| www.801114.com-360360彩票-| www.890786.com-青岛快三正规吗| www.963695.com-一分快三开奖的软件| www.sr10.com-新浪数字彩票首页| www.388236.com-华彩集团宽甸| www.742773.com-俄罗斯彩蛋多少钱| www.060275.com-附近体彩实体店| www.43549.com-彩票重庆时时彩票| www.486286.com-足彩中奖哪里领奖| www.236626.com-彩票中奖概率汇总| www.329110.com-青海体彩网-| www.7818.biz-快三大小投倍计划| www.23426.cc-彩票人工在线计划| www.66253.cc-网页时时彩做号工具| www.933132.com-彩乐乐一彩票工具| www.am16.cc-快三app苹果版| www.o55.online-赠予彩票-| www.87hd.com-金口诀测彩票蓝码| www.3949.net-微彩汇总-| www.sm7.com-足球彩票规则| www.225454.com-英国五星彩开奖| www.vn95.com-查七星彩开奖结果| www.070619.com-91彩神邀请码| www.19522.cc-发彩单只染膏| 顶尖彩票www.234276.com| www.393033.com-昨晚竞彩开奖结果| www.521863.com-重庆时时彩五星龙虎| www.369843.com-竞彩封盘时间| www.97in.com-博彩之星趋势软件| www.607714.com-星期五七乐彩走势图| www.cf96.com-安徽省福彩快三| www.19900.cc-吉林快三下午推荐号| www.303139.com-关于苏州快三| www.409527.com-鸿运彩票365| www.96756.com-竞彩足球绝密盘判断| www.9295.biz-马来西亚博彩正规吗| www.041058.com-彩票挂机计划app| www.jk75.com-快三万能号-| www.708456.com-杭州体育彩票网址|