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.598565.com-八马彩票平台| www.3684.com-米乐彩票-| www.581258.com-够力七星彩资料大全| www.505778.com-黑彩不贪心能赢吗| www.713533.com-中彩那天电子课文| www.885280.com-白菜网免费送彩金| www.ll06.com-彩八在哪里下载| www.131.org-彩虹的约定教案大班| www.006282.com-全国快三开奖时间| www.103765.com-8亿彩是正规平台吗| www.175251.com-大发快三代理| www.943766.com-百胜国际彩票情况| www.266779.com-吉林快三图片| www.z29.org-彩神苹果-| www.309019.com-大马彩票成绩| www.090265.com-三分快三计划怎么做| www.894932.com-时时彩助手-| www.220810.com-金牛彩票-| www.323023.com-香港三分彩开奖网站| www.442442.com-福彩3d两码组合| www.620166.com-釉上彩颜料怎么调| www.708722.com-所有网上彩票停售了| www.004941.com-吉林快三黑彩的破解| www.108886.com-彩票统计学概率学| www.198720.com-贵州福彩下载安装| www.288526.com-网赌分分彩害人| www.379629.com-彩票中中大奖| www.521450.com-喝彩中华-| www.602032.com-买彩票花了十几万| www.908684.com-安徽福利彩票网| www.981683.com-中彩娱乐网登录| www.ci69.com-山西体彩快乐十分| www.ts27.com-合买彩票网站有哪些| www.460067.com-天下好彩手机版| www.639968.com-大通彩票手机app| www.859253.com-体彩6十1兑奖| 实亿国际www.sygj1.com| www.c76.com-星彩网彩票工具| www.63kq.com-网络上福彩授权代销| www.6857.biz-好彩香烟红圈| www.567927.com-乐彩vip有人玩吗| www.713973.com-即时彩票app下载| www.822278.com-随州福利彩票加盟| www.920873.com-彩神网有漏洞吗| www.977788.com-360快三安全购彩| www.fh44.com-彩乐乐彩票网电脑版| www.16cu.com-七彩娱乐官网注册| www.480949.com-和彩云怎么换手机号| www.587185.com-湖北快三机选| www.9956.top-今天的3d彩报| www.937280.com-湖北彩条布厂| www.06hn.com-福利彩票23期| www.972482.com-彩票七星彩开奖号码| www.796093.com-甘肃快三最新遗漏号| www.888064.com-彩68下载链接| www.990344.com-今日福彩字谜大全| www.gr39.com-韩国美高梅快三网站| www.q02.net-乐猫彩票安卓版下载| www.088003.com-澳客彩票旧版本| www.404554.com-排列三走势图中彩| www.823907.com-三彩加盟电话| www.898458.com-彩票扫描兑奖| www.984225.com-3d字迷新彩网| www.fl81.com-足彩500万彩票网| www.m12.mobi-51彩票下载手机版| www.654767.com-青海快三介绍| www.817010.com-中发彩票邀请码多少| www.889253.com-七乐彩下载-| www.967283.com-福彩开奖3d结果| www.cp3315.com-一分快三是正规| www.88zp.cc-日彩网卖彩票合法| www.3815.top-七星彩票长条| www.nm43.com-唯彩网-| www.845651.com-订婚后分手彩礼退么| www.kd10.com-大学生破解彩票概率| www.563367.com-7星彩票开奖走势图| www.672715.com-彩票开奖查询三d| www.770889.com-图片彩票-| www.850461.com-有没有人玩快三发财| www.775208.com-吹吹七星彩圈| www.882251.com-澳洲五分彩是骗局吗| www.967431.com-福利彩票微信| www.cp3350.com-一分快三是哪里的| www.328285.com-乐彩3d字谜总汇| www.083092.com-小鹿多彩下载| www.139046.com-同城彩票app| www.275605.com-五分时时彩走势图| www.287318.com-全国彩票开奖情况| www.345643.com-福彩兑奖app| www.401497.com-好彩客真的还是假的| www.980.tv-七星彩是不是按顺序| www.00133.cc-彩票3d专家推荐号| www.75171.cc-福彩双色球品种| www.458616.com-全彩舰娘大鲸在学校| www.582606.com-彩票也不中奖| www.984618.com-彩虹8网络彩票| www.di05.com-网上快三网站| www.xf22.com-297彩票app-| www.7619.cc-爱彩人ios下载| www.32231.cc-易彩集团是不是真的| www.4552.cn-七星彩历史开奖详情| www.483048.com-福彩3d字迷专区| 七天彩www.00665d.com| www.153223.com-3d开奖号中彩网| www.082271.com-河北快三怎么玩的| www.152693.com-4s彩票论坛-| www.477413.com-江苏快三手机版下载| www.562631.com-pc二八彩下载| www.2335.biz-博彩推广广告| www.244200.com-新彩票网-| 七彩www.53911c.com| www.867538.com-体彩排列五几点停售| www.365694.cc-体彩10选5-| www.481843.com-彩票选号过滤软件| www.858741.com-七乐彩开奖直播频道| www.942927.com-杭州体彩兑奖中心| www.9wl.cc-微博彩票没了| www.jx56.com-河北今日快三开奖| www.42ax.com-足彩胜负平比分直播| www.3226.wang-国家禁止网彩| www.9791.shop-微信彩票竞猜作弊| www.82522.com-时时彩走势助手| www.uy33.com-3d彩吧图谜第一版| www.69845.com-彩票中奖人-| www.762559.com-辛运时时彩-| www.165345.com-创富彩票靠谱嘛| www.219568.com-体彩快乐扑克| www.655659.com-开发彩票分析软件| www.kw54.com-玩快三犯法吗报警| www.751707.com-彩票出号易学原理| www.916092.com-福利彩票私庄| www.hr96.com-老谢说彩今日头条| www.746796.com-私彩案-| www.814522.com-吉林快三11月26| www.882722.com-乐猫彩票注册| www.951234.com-京彩挂机绑定平台| 同乐彩票www.tlcp2.com| www.758003.com-58同城彩票刷流水| www.846563.com-福利彩票双色球案| www.906525.com-哪个彩票快三很好| www.972651.com-彩铅画图片风景卡通| 大赢家彩票www.341011.com| www.375848.com-彩票江苏十五选五| www.502896.com-口袋彩店假出票| www.915767.com-加盟体育彩票加盟费| www.539465.com-福利彩票中奖算法| www.987709.com-体彩福彩开奖情况| www.my31.com-3d福利彩票布衣图| www.129.live-彩虹谷好玩吗| www.948916.com-3d福利彩票推荐| www.qm91.com-244彩票-| www.41wu.com-唯彩看球历史版本| www.138593.com-有多少人玩鸿彩| www.991273.com-旺财彩票-| www.785682.com-xr原彩有什么用| www.856341.com-手机彩易网-| www.899547.com-彩票怎么定制跟单| www.964221.com-福彩足球-| 天朝彩票www.15855.cc| www.ev68.com-吉林快三不同号推荐| www.uy48.com-彩45彩票app| www.0685.cc-如何开个彩票投注站| www.14ux.com-体彩开奖18143| www.uo47.com-黑龙江快三开奖|