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.598230.com-体彩足彩比分直播| www.725608.com-中福彩票平台安全吗| www.820299.com-周三彩票开什么| www.903632.com-3d福彩试机号今天| www.974726.com-彩票777网站| www.cp841.com-贵卅快三开奖结果| www.914464.com-瑞彩祥云钻石邀请码| www.4214.biz-19022体彩-| www.790063.com-青海福利彩票代销| www.975749.com-太康13万彩礼| www.b44.top-365彩票平台| www.65nz.com-麒麟彩票网会正规吗| www.186201.com-500彩票彩种| www.310153.com-体彩陕西11选5| www.028746.com-百度上买彩票| www.84368.com-彩色水泥价格| www.1ai.com-七乐彩幸运走势图| www.1315.cn-彩票106黑吗| www.02470.com-3d福彩百度贴吧| www.060771.com-附近体彩销售点| www.725558.com-网络彩票赌博下载| www.261905.com-卓易彩票官网| www.979449.com-解福彩臧机图| www.cj02.com-极速快三软件下载| www.xz52.com-手机买世界杯足彩| www.9758.vip-彩票跨度技巧| www.241.biz-时时彩后二稳赚方案| www.6288.me-湖北竞彩行情| www.189477.com-玩时时彩怎么稳赚| www.326293.com-网易七星彩专家预测| www.93cr.com-摩登时时彩下载| www.965904.com-体彩最新口号| www.347831.com-众乐彩票是否真的| www.491094.com-abc彩票计划网站| www.874903.com-有游彩票吧-| www.062933.com-彩票加盟条件| www.26xt.com-重庆时时彩彩500| www.1059.com-福彩高频彩走势图| www.306345.com-5258彩票app| www.076636.com-体彩体育下载| www.nc53.com-家彩网-| www.31512.com-玩分分彩后二心得| www.040123.com-甘肃快三走试图今天| www.079968.com-彩票税收-| www.198352.com-福彩正版藏机诗汇总| www.a54.net-足彩稳赢方法| www.133374.com-众购彩票zg520| www.11438.com-福利彩票真的假吗| www.086200.com-五星走势图彩经网| www.xf85.com-36选7的好彩1| www.86923.com-山西太原快三| www.9320.vip-英国快三开奖| www.4238.in-七彩云mz网-| www.dm74.com-各省快三-| www.444028.cc-淘宝快三购买技巧| www.6201.cm-极速3分彩计划| www.722199.com-彩铅家居画图片大全| www.810125.com-手机彩膜一体机多钱| www.886379.com-重庆时时彩计划稳| www.22117.cc-奥客彩票网-| www.067619.com-网站彩票制作| www.80773.com-福彩3d固定图表| www.062417.com-时时彩平台怎么赚钱| www.395100.com-彩虹代刷授权| www.185083.com-彩868-| www.575582.com-体彩61几点停售| www.670172.com-体彩排列三和制图| www.783634.com-数字彩票解密| www.904628.com-福州体彩-| www.330819.com-彩神lx是真的吗| www.059113.com-中国足彩网官网软件| www.39539.cc-uu真人彩票的网址| www.xa5.com-快三助手软件| www.10hz.com-时时彩开源系统| www.659563.com-彩票双色球推荐号码| www.862058.com-体彩开奖公告号码| www.318469.com-新余体育彩票网址| www.103856.com-体彩开奖数据表| www.4737.vip-买彩票不给钱| www.755248.com-下载旺彩并安装| www.826353.com-悠悠彩票客户端下载| www.902427.com-河南福彩幸运二技巧| www.964320.com-中国福利彩票500| www.cp0.com-河北快三二码号推荐| www.700031.com-竞彩合买跟单靠谱吗| www.811622.com-南方双彩ios版| www.558293.com-大赢家彩票计划软件| www.360621.com-彩票店能买快三吗| www.330156.com-网易彩票数字彩| www.543243.com-福彩三的牛彩图迷| www.hy46.com-燕赵福利彩票走势网| www.22318.cc-万豪福彩苹果手机| www.151084.com-福彩三d于海滨视频| www.59555.cc-北京快三人工计划网| www.28921.com-中彩手彩票图| www.32xg.com-红旗彩票注册邀请码| www.583067.com-纯肉彩色漫画| www.666467.com-高频彩概率-| www.763291.com-福建福彩票-| www.848475.com-竞彩专家推介| www.908738.com-盛彩彩票是什么网址| www.970849.com-梦境与彩票数字对应| www.bk2.com-彩神争8大发app| www.025478.com-体彩481奖金规则| www.937921.com-亿彩彩票安卓| www.397406.com-极速三分彩软件| www.540101.com-7彩票官方网| www.366715.com-福利彩票店面装修图| www.7292.pw-彩虹频道直播源| www.32582.cc-河南濮阳南乐县彩礼| 凤凰彩票www.77803k.com| www.459355.com-天下彩票有我| www.0102.host-彩色的组词-| www.6839.cn-国外大奖彩票号| www.16822.com-下载e彩乐-| www.482.pw-重庆时时彩进群| www.21323.cc-农村彩神双色球预测| www.1933.org-合肥体彩店行业赚钱| www.088577.com-幸运彩票网注册| www.509291.com-上诲快三开奖| www.654481.com-万博彩票下载安卓版| www.733876.com-福利彩票一注多少钱| www.846619.com-姜山冷门唯彩看球| www.943669.com-99彩票有人玩吗| 盛大彩票www.ct8822.com| www.739437.com-竞彩足球久久彩票| www.568524.com-昆明七彩云南房产| www.666988.com-下载福彩3d藏机诗| www.757563.com-彩票提现提不出来| www.sk26.com-彩乐乐网怎么样| www.826883.com-胜负彩怎么看| www.903349.com-中原福彩22选5| www.958236.com-福彩3d给什么好| www.12yp.com-辽宁体彩十一迭五| www.86cx.com-家彩网三d杀码| www.799112.com-大发快三全天走势图| www.207291.com-彩票快3辅助软件| www.407722.com-买3d彩票的软件| www.553020.com-高手网天空彩票| www.d22.website昨天的彩票开奖情况| www.029438.com-新利彩票登-| www.136114.com-怎样申请彩票投注站| www.324368.com-至尊快三下载安装| www.392808.com-重庆竞彩彩客网| www.535274.com-八位数彩票有哪种| www.789147.com-今天竞彩14场| www.863831.com-体彩排列三走势图儿| www.979458.com-中彩网客服中心| www.cp119.com-吉林快三平台搭建| www.to93.com-如何申请福利彩票| www.7279.biz-彩虹六号各种版本| www.25358.cc-彩铅教程-| www.75160.com-福彩包含哪些彩票| www.074763.com-爱乐透最新彩票| www.182152.com-百胜快三登录网址| www.wy4.cc-彩吧论坛首页| www.324782.com-去马来西亚做博彩| www.07ba.com-彩票的返奖面| www.992904.com-微信彩票赚钱下载| www.055042.com-下载黑彩快三| www.205511.com-内蒙古福彩中心招聘| www.ze84.com-江苏e球彩奖金| www.22254.com-时时彩彩票网址大全| www.432374.com-买福利彩票多少钱|