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天

知道了
cc竞速飞车公式规律