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.bu00.com-99彩票app-| www.22929.cc-彩神通计划资料软件| www.289111.com-app计划彩票网址| www.503181.com-京东快彩可以赚钱吗| www.798522.com-彩票中奖如何兑奖| www.915856.com-开福利彩票店怎么样| 大赢家彩票平台www.223085.com| www.ss26.com-五分时时彩开奖官网| www.383792.com-乐彩会员资料| www.30kf.com-人头像色彩设计| www.7304.cc-福彩都包括啥| www.044861.com-快三未出号码| www.837683.com-立彩快3网-| www.488669.com-福彩彩票害人| www.cp881.com-快三招代理-| www.637320.com-彩虹5巡航速度| www.892608.com-旺彩娱乐会所| www.qr62.com-富人不买彩票| www.84oo.com-北京彩公司-| www.94ng.com-1号彩票安卓下载| www.006794.com-吉林快三快彩网| www.721703.com-彩客网app苹果版| www.838739.com-308彩票计划| www.958558.com-福彩3d万能二码| www.fg22.com-快乐十分钟彩票| www.2jl.com-冠军彩票网平台| www.466388.com-分分彩反倍投| www.617197.com-4oo5oo好彩堂| www.712749.com-网络竞彩平台| www.257944.com-皇都彩票是什么平台| www.498262.com-777福彩预测| www.583086.com-潜意识买彩票中大奖| www.715208.com-今日3d福彩开奖号| www.113179.com-福彩3d今丹东全图| www.679063.cc-乐彩网折线-| www.5618.cm-导师带购彩能赚吗| www.74696.com-中超竞彩-| www.994923.com-香港好彩堂-| www.783624.com-ios网彩-| www.933793.com-什么app能买足彩| www.cai4044.com安微省快三开奖结果| www.759795.com-云南彩票开奖号码| www.884715.com-重庆时肘彩开奖宝典| www.137504.com-体育彩票报刊| www.8080.in-搜索福彩独胆王| www.35342.com-静海福彩中心| www.98923.com-财神时时彩计算软件| www.059141.com-广西快三计划公式| www.777377.cc-手机玩的彩票是什么| www.22013.com-万豪彩票98-| www.539865.com-跳快三的歌曲| www.61520.cc-多米彩票官网| www.297650.com-东北快三开奖结果| www.569539.com-微彩宝下载-| www.658479.com-什么是彩视和微电影| www.809358.com-时彩倍投倍数选择| www.911158.com-福彩双色球规则介绍| www.967984.com-上海福彩快3明细图| 大奖彩票www.11djcp.com| www.lw17.com-一分时时彩官方网站| www.186701.com-博牛彩票-| www.331776.com-七乐彩票软件下载| www.025706.com-福利彩票网址| www.5jm.com-福彩专家杀码定胆| www.636471.com-ig传统彩开奖官网| www.723519.com-常州彩票中大奖| www.751828.com-宁德体彩管理中心| www.867821.com-彩神通关注3d金码| www.kw3.com-体彩山东快乐扑克3| www.8293.cc-万博彩票-| www.22vg.com-3p体彩开奖号| www.257376.com-校长3d福彩预测| www.769059.com-玩好彩有赚到钱的吗| www.876117.com-福彩天下无敌30| www.hf75.com-71彩票登录-| www.237347.com-黑尤冮体彩6十1| www.352828.com-中乐彩v2115| www.517061.com-256.com彩票| www.8330.top-七星彩心灵码仙视频| www.66110.com-安阳福利彩票贴吧| www.062658.com-大发彩票是怎么赚钱| www.1003.cn-11选五爱彩乐| www.30388.com-福彩网址大全| www.679031.com-糖果派对4个彩金球| www.800257.com-qq彩票怎么买不了| www.955959.com-彩票上瘾违法吗| www.bm06.com-神州风采彩票| www.38571.cc-用户注册送19彩金| www.015794.com-七星彩购买平台| www.rv47.com-彩票牛票票是什么| www.28006.cc-168官网彩票下载| www.73823.com-体育彩票能网上买吗| www.41380.com-福利彩票手机怎么买| www.89326.com-合乐彩票app怎样| www.034334.com-旭辉研彩软件破解版| www.128676.com-网彩开售最新消息| www.222553.com-快三和值图-| www.304179.com-正规竞彩-| www.380604.com-七乐彩五等奖| www.7405.vip-色彩风景画简单| www.28557.com-潮信玩彩票的| www.nu19.com-乐福网彩票时时彩| www.677287.com-商标彩色包装袋| www.746607.com-彩票23-| www.807055.com-彩票打错了中奖赔偿| www.879811.com-购彩网正规吗| www.955179.com-快开彩怎么玩| www.nv4.com-河北彩票开奖查询| www.0208.org-时时彩快乐十分钟| www.6097.cn-加利福彩票-| www.252815.com-一分快三彩票网站| www.356264.com-福彩大乐透怎么玩法| www.442271.com-官彩平台刷鸿博| www.524443.com-福利彩票125期| www.585203.com-7070彩票最新版| www.656876.com-竞彩技巧大全| www.712762.com-球探彩票-| www.772669.com-签到送418彩金| www.828565.com-英国彩票大奖获得者| www.886491.com-口袋彩票一购彩大厅| www.957435.com-甘肃省快三软件下载| 中彩网www.71233hh.com| www.612267.com-七彩虹图片大全| www.62719.com-彩宝贝网彩票选号| www.031618.com-网上彩票算赌博不| www.070777.com-彩票自动售卖机终端| www.866899.com-全天彩托骗局| www.107654.com-教大家冲竞彩销量| www.324561.com-官方彩票计划网免费| www.4970.net-宝马彩票注册| www.75fs.com-中七星彩扣多少税| www.3212.biz-879彩票平台| www.57127.com-一分钟时时彩平台| www.313072.com-体彩排列5开奖查询| www.378357.com-彩经网双色球杀蓝| www.696234.com-连中彩票的人| www.768980.com-足彩竞猜的app| www.833335.com-彩票下方二维码| www.892466.com-懂彩帝苹果下载| www.954684.com-中彩网123-| 亿彩彩票www.ycp4.com| www.287.website幸运彩票真假问题| www.nq44.com-福彩怎么选号| www.8863.club-有博彩专业的大学| www.43207.com-金龙彩票app| www.103.la-稫利彩票-| www.538496.com-中国福利彩票案| www.657189.com-福彩太湖走势图| www.753010.com-有多少种彩票| www.831832.com-海南七星彩预测直码| www.907501.com-胜利彩票登录网址| www.974592.com-众彩软件下载| www.ay1.com-新浪足彩推荐| www.p34.net-网上怎么买体育彩票| www.61vx.com-500彩票快三下载| www.96at.com-鸿彩网邀请码是多少| www.990642.com-点点中彩票是官网吗| www.ir50.com-足球竞彩推荐预测| www.r44.top-福利彩票中奖一等奖| www.81mq.com-竞彩足球有几种买法| www.635831.com-steam彩虹六号| www.689121.com-齐鲁彩票开奖时间| www.756521.com-投票彩票-| www.804465.com-彩票输改赢软件代码|