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天

知道了
1分快三 www.291994.com-新时时彩软件| www.38781.cc-中彩是黑平台| www.099954.com-3d彩票集中营| www.n13.biz-668彩票网手机版| www.597075.com-河北福彩客服电话| www.4167.biz-七彩国际影城怎么样| www.019736.com-中港澳彩票-| www.094546.com-福彩3d在线计划| www.40318.com-彩票破了可以兑奖| www.176700.com-江苏快三玩法说明| www.602665.com-彩虹六号年票是什么| www.320048.com-下载360彩票开奖| www.18273.com-台湾五分彩是骗局吗| www.75996.cc-竞彩计划表制作| www.040390.com-体彩天下犯法| www.874622.com-仁信彩票网站平台| www.962067.com-黑彩平台怎么盈利的| 九州彩票www.446769.com| www.037809.com-49彩票com-| www.xb03.com-南国七星彩图规| www.6541.in-彩票顺龙技巧| www.129747.com-1588彩票app| www.752335.com-网上买彩票最新消息| www.826723.com-时彩族时时彩论坛| www.893449.com-上海爱彩乐开奖结果| www.961419.com-老梁观世界彩票| 金冠彩票www.49956g.com| www.hx19.cc-老谢说彩3d-| www.699965.com-竞彩足球计算机| www.956958.com-hhk百彩网-| 彩多多www.78949d.com| www.57956.cc-江苏彩票七位数规则| www.jj22.cc-中国福彩网开奖结果| www.257961.com-038彩票最新版本| www.1ku.cc-手机彩票输了几十万| www.537.pw-彩票网名字大全搞笑| www.422141.com-体彩大乐透怎样对奖| www.319639.com-彩之网彩票交流社区| www.30002.com-体彩网官网-| www.367036.com-深圳福彩哪里兑奖| www.962141.com-彩涂钢板板面| www.299322.com-123彩票网官网| www.471133.com-中国体育竞彩胜平负| www.20br.com-彩票可以连着买十期| www.862954.com-点击更多精彩| www.954995.com-福利彩票代销证查询| www.cp503.com-四川快三开奖号码| www.654661.com-福彩7加5多少钱| www.895133.com-天天时时彩助手| www.7081.com-彩八彩票官方网站| www.276293.com-大家玩彩票平台| www.414710.com-福彩3d拖胆怎么玩| www.9301.cn-网易彩票中奖怎么领| www.932121.com-三彩女装官方旗舰店| www.361244.com-彩票三d彩友论谈| www.1835.me-正彩素颜霜有激素吗| www.53io.com-体育彩票多钱一张| www.96766.com-彩票怎么知道| www.919966.com-福彩三d和值表| www.dp81.com-网路快三-| www.497686.com-辉煌体彩-| www.539654.com-彩虹的约定歌词歌曲| www.874891.com-新宝彩票平台靠谱吗| www.966596.com-久久发彩票pc| www.ns49.com-彩票领奖-| www.316112.com-竞彩申请-| www.02704.com-什么是彩金-| www.009994.com-下彩网网页-| www.89223.com-东升彩票官网登录| www.24lv.com-未派彩是什么意思| www.f18.cn-优中彩-| www.88373.cc-彩168官网安卓| www.34ih.com-摇摇乐彩票怎么玩| www.129237.com-福彩3的d开奖号码| www.208776.com-甘肃快三讨论群| www.286795.com-安徽福彩快开三| www.553829.com-那个平台能买彩票| www.824404.com-三彩女装加盟条件| www.2gx.com-体育彩票怎样赚钱的| www.9239.biz-福利彩票主任判死刑| www.89nd.com-速8彩票网站| www.60qc.com-足彩计划-| www.564120.com-慈溪福利彩票转让| www.708090.cc-汇发彩金app| www.854241.com-多彩网网址-| www.f28.org-怎样举报彩票app| www.895589.com-会员登陆9b彩票| 500彩票www.50051s.com| www.552017.com-福利彩票礼拜几开奖| www.611613.com-江苏亿彩快三查询| www.671077.com-3d专家杀号彩经网| www.970478.com-中国福彩彩票| www.cp7735.com-福彩网是骗局嘛| www.mo20.com-快三出什么买什么| www.m91.org-福利彩8app下载| www.32ip.com-长沙福彩中心电话| www.105906.com-cb8彩宝官方网站| www.192236.com-南粤36选7好彩3| www.4070.xyz-318彩-| www.761372.com-延吉福利彩票站点| www.899340.com-彩神通软件怎么下载| www.lk33.com-天天中彩官网| www.25cz.com-华彩的成语-| www.79wz.com-众彩网大乐透迟丽颖| www.217036.com-省份快三是真是假| www.313592.com-安徽快三走势下载| www.355525.com-赢家彩票合法吗| www.659728.com-彩票软件万能大马彩| www.722275.com-大庆福彩中心周六| 500彩票www.50026a.com| www.90qe.com-排列五论坛家彩网| www.679105.com-博彩对冲套利是什么| www.744215.com-约彩彩票365| www.36897.cc-577彩票注册| www.07248.com-浙江省快乐彩票开奖| www.442855.com-懂彩-| www.340064.com-金彩网靠谱吗| www.925936.com-一种福利彩票称为| www.997043.com-海南北京快三群| www.ir27.com-彩票北京快了3| www.i24.in-快三试机号-| www.805108.com-蓝彩总分有算加时吗| www.918346.com-900彩票正规吗| www.ux35.com-时时彩的投注技巧| www.336968.com-360体彩网官网| www.yc58.cc-贵阳体彩中心在哪里| www.013345.com-南国体彩808| www.374428.com-好彩神算论坛| www.786693.com-网络兼职牛彩| www.lv59.com-安卓系统竞彩足球| www.6198.cn-天天有彩票下载安装| www.45280.com-中彩网视频频道| www.039363.com-华彩骗局-| www.177182.com-官网一分快三| www.360056.com-集彩通怎么兑换彩票| www.155120.com-足球彩票胜负预测| www.805708.com-5050彩票网平台| www.959523.com-彩票源码ios| www.556023.com-新加坡网上博彩| www.670792.com-b8彩票app下载| www.771230.com-好彩堂总论坛| www.829341.com-ok彩票下载-| www.111744.com-盐城彩票中大奖2亿| www.464019.com-体彩今天开机号| www.261007.com-安徽省福彩快3| www.al52.com-河南快三投注计划| www.977979.com-彩钢瓦围挡厂家| www.8165.biz-电竞博彩吧-| www.024129.com-极速快三预测技巧| www.163046.com-大乐透彩民村走势图| www.888694.com-福利彩票3d南方网| www.3186.wang-彩票签到送现金| www.we76.com-31体彩开奖结果| www.2722.date-玩彩天地专家专栏| www.002365.com-广西快三开奖公告| www.17730.cc-足彩258竞彩网| www.15xl.com-河南体彩怎么兑奖| www.91773.cc-二四六天天l好彩| www.168095.com-最新北京快三走势图| www.35hd.com-七星彩第一位走势| www.332211.com-10选五是啥彩票| www.952347.com-广东快乐十分彩乐乐| www.mf90.com-体彩72期-| www.070881.com-365彩票怎么安装|