jquery金融投資網(wǎng)站導(dǎo)航二級(jí)菜單和圖片輪播布局

使用方法：

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="#">首頁(yè)</a>
					</h3>
				</dd>
				<dd>
					<h3>
						<a href="#">財(cái)富管理</a>
					</h3>
					<div class="aui-hot"></div>
					<ul class="aui-nav-list">
						<li>
							<a href="#">MM計(jì)劃</a>
						</li>
						<li>
							<a href="#">M+計(jì)劃</a>
						</li>
						<li>
							<a href="#">XX包</a>
						</li>
						<li>
							<a href="#">有道財(cái)富</a>
						</li>
					</ul>
				</dd>
				<dd>
					<h3>
						<a href="#">個(gè)人信貸</a>
					</h3>
					<ul class="aui-nav-list">
						<li>
							<a href="#">開借</a>
						</li>
						<li>
							<a href="#">房產(chǎn)貸款</a>
						</li>
						<li>
							<a href="#">高管股權(quán)貸</a>
						</li>
						<li>
							<a href="#">高管信用貸</a>
						</li>
						<li>
							<a href="#">股票質(zhì)押貸</a>
						</li>
						<li>
							<a href="#">商通貸</a>
						</li>
					</ul>
				</dd>
				<dd>
					<h3>
						<a href="#">企業(yè)金融</a>
					</h3>
					<ul class="aui-nav-list">
						<li>
							<a href="#">企業(yè)信貸</a>
						</li>
						<li>
							<a href="#">過(guò)橋墊資</a>
						</li>
						<li>
							<a href="#">股權(quán)投資</a>
						</li>
						<li>
							<a href="#">股權(quán)質(zhì)押</a>
						</li>
						<li>
							<a href="#">財(cái)務(wù)顧問(wèn)</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="#">個(gè)人中心</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>*預(yù)期收益并非平臺(tái)承諾收益，市場(chǎng)有風(fēng)險(xiǎn)，投資需謹(jǐn)慎</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="">財(cái)富管理
					</h2>
					<p>
						<a href="#">MM計(jì)劃</a>
						<a href="#">財(cái)富島</a>
					</p>
					<p>
						<a href="#">M+計(jì)劃</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="#">個(gè)人信貸</a>
						<a href="#">股票質(zhì)押</a>
					</p>
					<p>
						<a href="#">高管信用貸</a>
						<a href="#">房產(chǎn)貸款</a>
					</p>
				</div>
			</li>
			<li>
				<div class="aui-list-wrap-box">
					<h2>
						<img src="images/icon3.png" alt="">融資租賃
					</h2>
					<p>
						<a href="#">自助販賣機(jī)</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抽獎(jiǎng)</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>