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.6230.cm-竞彩足球258彩票| www.805371.com-中国足彩中心| www.764022.com-彩票网站制作源代码| www.dv43.com-重时时彩五星走势图| www.137696.com-中彩娱乐网登录| www.319500.com-快三怎么买容易中奖| www.629364.com-如意彩可靠吗| www.42695.com-彩宝贝网下载| www.331098.com-81彩票坑人-| www.lg17.com-中彩彩票平台多久了| www.99uw.com-彩票选数字怎么选的| www.5778.vip-红金龙软红之彩| www.86599.cc-聚丰彩票下载手机版| www.105539.com-2元彩票专业版| www.208556.com-彩票挂机app| www.287716.com-福彩双色球合买| www.cy81.com-彩吧论坛-| www.510668.com-彩虹屁语录超长| www.586718.com-送彩金平台客服| www.662201.com-海南7星彩开奖直播| www.784338.com-家彩千禧-| www.858923.com-彩票中奖信息查询| www.926867.com-职业买彩票为生的人| www.990540.com-中华彩票-| www.qm3.com-体彩排列3中奖玩法| www.138669.com-竞彩实体店加盟| www.274528.com-快三到底能不能赢钱| www.370884.com-陶瓷新彩画-| www.4ml.cc-大胖子彩票官网| www.848382.com-齐齐哈尔彩票打票员| www.635728.com-广西福彩电子投注单| www.762812.com-什么是极速时时彩| www.904365.com-彩神v软件是诈骗吗| 大赢家彩票平台www.631027.com| www.082986.com-福建体育彩票22| www.89py.com-彩票定位胆论坛| www.081399.com-足彩跟单公众号| www.167565.cc-福彩快3中奖规则| www.271910.com-福彩快三有人控制吗| www.356703.com-好彩官网平台| www.452882.com-彩票是啥意思| www.720112.com-快三近五期开奖号码| www.26677.cc-复式七星彩中奖查询| www.883.org-彩铅买什么牌子的好| www.95234.com-鑫彩网安全吗| www.099065.com-易彩彩民福地| www.756095.com-旺彩计划软件| www.873724.com-官方彩38-| www.220308.com-彩票网站信誉推荐| www.674446.com-79彩票登入平台| www.887239.com-天天购彩网安全吗| www.968598.com-kji彩金骗局| www.is02.cc-乐乐彩是真的吗| www.137503.com-贵州省福彩怎么关注| www.056809.com-最有信誉的彩票平台| www.164288.com-篮彩竞彩258| www.249683.com-天天彩票官方下载| www.922200.com-中国人人彩票网下载| JJ彩票www.91091.cc| www.34075.com-彩票平台自带聊天室| www.491880.com-违法彩票举报| 中彩网www.61233f.com| www.468318.com-91百胜彩票-| www.269003.com-6348彩票-| www.268596.com-中国体育彩票竞彩| www.700268.com-下载e彩乐-| www.800363.com-必中彩票免费下载| www.875090.com-下载258足球竞彩| www.952890.com-福彩大乐透开奖| JJ彩票www.11025.cc| www.36418.com-福彩天下是正规的吗| www.986028.com-3d彩报中心彩报| www.cf21.cc-合买彩票的app| www.225702.com-天天中彩票真的吗| www.98179.cc-足彩胜负彩周几开奖| GO彩www.en06.com| www.819080.com-我和福彩的小故事| www.947279.com-大奖彩票网是黑彩| www.999085.com-分分时时彩是否有假| www.7810.biz-世界真正职业彩民| www.33858.com-七星彩中奖概率问题| www.80010.cc-聊彩大厅有红包| www.160750.com-湖北快三统计图| www.97eq.com-体彩和福利彩区别| www.sh99.cc-时时彩软件分析软件| www.469178.com-外国彩票专家预测| www.376345.com-安徽彩票中奖| www.973827.com-福彩网江苏快三| www.615111.com-三彩瓷-| www.11139.com-噢客网彩票-| www.62762.com-排列三走势图彩经网| www.023234.com-彩票任三技巧数字| www.510391.com-体彩扫码看是否中奖| www.503905.com-天下彩票手机版| www.432362.com-山东省福彩-| 乐彩www.le520.com| www.342711.com-京东能买彩票吗| www.831627.com-彩票网络接单| www.927998.com-体彩种类与玩儿法| www.982833.com-体彩福彩3d八卦图| www.6278.me-五福彩票提现不了| www.40436.com-彩票今晚开奖结| www.85420.com-随州福彩中心| www.354742.com-丹麦快乐彩计划| www.847548.com-体彩十三五规划获| www.km79.com-彩5彩票-| www.963034.com-用彩铅画樱花树| www.869348.com-三号彩票网-| www.229126.com-好彩香烟价格表查询| www.464530.com-我要看彩票-| www.qt86.com-甘肃福彩快三的开奖| 亿彩彩票www.588yc.com| www.45136.com-双龙彩票app| www.309181.com-内蒙快三表-| www.131184.com-竞彩狂人-| www.f44.com-3d彩票字谜-| www.48zd.com-金山足球彩票| www.946023.com-河南各地彩礼| 大赢家彩票平台www.577513.com| www.oa66.com-浩博彩票官网| www.950263.com-百宝彩湖北11选5| www.wf37.com-新彩吧网-| www.980557.com-免费彩票源码系统| www.01284.com-欧冠足彩攻略| www.98te.com-许昌盛彩滴滴的要求| www.6676.cc-彩调-| www.26129.cc-彩虹歌词羽泉含义| www.835292.com-炫彩鸡米花图片大全| www.932395.com-77购彩平台-| www.997792.com-爱心彩网址-| www.cs27.com-体彩大发快3| www.ug42.com-大的私彩平台有哪些| www.576860.com-香港马会彩票三中三| www.733926.com-福彩双色球中4个号| www.874288.com-彩票平台刷流水任务| www.44ar.com-读书可以傅彩啥意思| www.06427.com-福彩3d中奖号结果| www.677151.com-今天的彩报图第一版| www.74304.com-七乐彩中7个多少钱| www.883589.com-大发乐点快三| www.969539.com-酷彩吧网页版| www.020149.com-四川体育彩票中心| www.767924.com-广西双彩走势图表| www.697838.com-大乐透机选中奖彩票| www.851331.com-时时彩最稳根几期| www.953710.com-足彩竞彩直播| 500彩票www.202429.com| www.tr78.com-贵州快三官网| www.959008.com-3d新彩网手机版| www.kc06.com-好的彩票网址| www.358413.com-港澳生肖彩在线| www.n75.org-怎样查福彩中奖号码| www.11709.com-如何开网络彩票平台| www.414109.com-卦彩-| www.516382.com-趣彩彩票苹果手机版| www.713916.com-彩神争8网页手| www.789100.com-竞彩模拟投注的软件| www.860548.com-彩票奖金二等奖| www.920621.com-甘肃福彩app下载| www.975488.com-甘肃福易快三| www.cp6119.com-中国福彩下载| www.8556.vip-安徽省福彩管理中心| www.528287.com-河内时时彩软件| www.888985.com-彩站宝app-|