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.35rm.com-体彩大乐透历史号码| www.193833.com-新浪技彩票-| www.221008.com-手机中彩网试机号| www.534003.com-够力辣椒七星彩奖表| www.981648.com-吉利彩票网靠谱吗| www.bd90.com-刷福利彩票单靠谱吗| www.958580.com-福彩20分钟开奖| www.zz39.cc-体彩店老板-| www.970702.com-辽宁省体彩十一| www.sl10.com-博盈彩票诈骗| www.654102.com-网上买江苏快三| www.740809.com-梦到彩票号码却不中| www.826522.com-苏宁彩票靠谱吗| www.898908.cc-彩票一天赢三百收手| www.964022.com-竞彩开奖结果查询| 345彩票www.301345.com| www.go19.com-福彩店赚钱吗| www.ap63.com-河北体彩-| www.106058.com-博中彩票-| www.392752.com-明天彩票中奖号多少| www.wy3.cc-3d彩吧论坛-| www.545969.com-福彩店装修效果图| www.352712.com-被纯彩票黑平台骗了| www.462077.com-合法的网购彩票| www.789379.com-皇冠竞彩对冲软件| www.964264.com-竞彩足球网-| www.108566.com-老公买彩票欠下巨债| www.258576.com-快三怎么买才准不输| www.365920.cc-幼儿彩铅画图片| www.273546.com-彩票作假-| www.388771.com-买彩票中了一千万| www.580256.com-快三计划助手| www.685071.com-3d彩票推荐-| www.794863.com-四川福彩网快乐12| www.894759.com-彩票试机号查询全国| www.984650.com-彩八彩票是骗局| www.ch85.com-炫乐彩票app下载| www.r87.club-微博世界杯彩票| www.66756.cc-附近哪里有彩票站| www.058808.com-下彩网靠谱吗| www.031183.com-致富彩app骗局| www.151542.com-人人红彩票软件下载| www.285869.com-怎么做彩票-| www.386456.com-快三电视走势图| www.049809.com-彩票奖金排行| www.181965.com-爱彩乐武汉快三| www.90962.com-3d天天中彩吧图库| www.423363.com-乐彩33网骗人的吗| www.38755.cc-福彩3d专家号| www.84283.com-北京彩票领奖在哪里| www.01ig.com-预测河北快三| www.81it.com-新粤彩报纸2019| www.2238.net-福彩快乐彩开奖昨天| www.2770.in-福彩3d专家杀号准| www.970418.com-大发彩票有人控制吗| www.mn13.cc-信誉彩票app下载| www.03936.com-下载豪彩-| www.712220.com-e彩app-| www.191456.com-爱彩乐官方网站| www.167003.com-新快三是哪里的| 非凡彩票www.77210f.com| www.96953.cc-福彩双色球七加一| www.136632.com-海南彩票论坛七星彩| www.181582.com-买福利彩票快3技巧| www.287373.com-28彩票app-| www.977915.com-富彩彩票吧-| www.cp859.com-高手教你玩uu快三| www.3616.vip-立彩彩票邀请码| www.390097.com-彩票中奖必须被公开| www.155336.com-中国足球胜负彩票| www.939129.cc-金利彩票官方| www.110412.com-福彩3d什么号| www.587830.com-施乐彩色复印机租赁| www.714338.com-369cc彩票-| www.959823.com-时时彩毒胆秘诀99| www.4748.cc-号佰彩票开奖查询| www.801071.com-富彩彩票是什么| www.952413.com-时彩是不是骗局| www.lt31.com-时时彩全天计划一期| www.hn25.com-福建快三昨天走势| www.869182.com-巨丰彩-| www.336104.com-彩票排5走势图| www.39rs.com-彩票系统包网| www.783.in-福彩3d迷解-| www.683290.com-浙江福彩投注站征召| www.78694.com-大乐透乐彩论坛| www.237894.com-福彩双色球选号器| www.933832.com-金彩票-| www.cai2355.com湖北快三跨度走势图| www.4wh.com-怎么看福彩是否中奖| www.207.shop-彩铅手绘凤凰| www.62258.cc-昨日彩票号码| www.00203.cc-一定牛福彩3d| www.87fe.com-福利彩票蓝号有哪些| www.8691.cn-七乐彩2拖8多钱| www.ix2.com-内蒙古快三app| www.9376.online中国福彩幕后老板| www.820728.com-彩钢瓦型号规格图解| www.173206.com-合肥快三-| www.211449.com-天天彩选四今天开奖| www.669507.com-2元彩票买哪种好| www.092720.com-商丘虞城彩礼多少| www.2365.biz-如何查彩票中奖号码| www.02828.com-ok彩票是正规的吗| www.bc02.com-安徽快三分布图| www.mf93.com-快三一天最多输多少| www.657275.com-福彩游戏厅里有什么| www.794618.com-彩票网贷报警有用吗| www.280460.com-网上买彩票报警电话| www.335323.com-广西快三网投| www.444741.com-手机彩票复式下载| www.534722.com-七星彩中奖怎么扣税| www.627692.com-休彩票排五开奖直播| www.cai4233.com幸运快三就是个坑| www.873479.com-分分彩定位胆必中法| www.070638.com-许昌彩礼多少钱| www.am13.com-幸运彩票是黑平台吗| www.9741.cc-彩八仙官网登录| www.2423.pw-波彩之家app| www.562325.com-够力七星彩手机版| www.242829.com-江苏彩民彩票中奖| www.539096.com-时时彩杂六半顺玩法| www.628344.com-彩票怎么买几个数字| www.733465.com-体彩时时彩走势图| www.803253.com-乐彩彩票微信群| www.882757.com-易彩网正规吗| www.993872.com-竞彩半全场玩法介绍| www.in43.com-澳客网足彩14场| www.7zy.com-老板给员工发彩票| www.962903.com-澳客网竞彩比分直播| www.fa96.com-爱彩乐彩票网安全吗| www.8048.loan-简单唯美的水彩画| www.763199.com-足球彩票什么软件买| www.44937.com-众彩易购是假的吗| www.600.mobi-火箭彩票下载手机版| www.6530.cc-第一的彩票销售平台| www.16600.com-彩票彩客电脑版网页| www.778193.com-淘彩网合法吗| www.691315.com-烟台体彩中心地址| www.149099.com-乐米彩票中过大奖吗| www.11il.com-天下彩赚钱真的吗| www.9cb.com-七星彩沼泽怎么办| www.374.in-乐米彩票和乐迷炫彩| www.37308.com-领航彩快三-| www.99423.com-分分彩是正规的吗| www.080363.com-体彩六加一规则| www.652902.com-安徽快三时间| www.734910.com-非凡彩票下载| www.161986.com-湖北快三热的早知道| www.239613.com-快购彩票三-| www.102163.com-彩智快3-| www.166527.com-什么叫快三-| www.260399.com-公务员买彩票受处分| www.30100.cc-海南体彩4十1下载| www.359912.com-七星彩是一元一注吗| www.228660.com-彩色纸箱定制| www.57582.cc-澳客赢家彩票客户端| www.62537.com-彩票中奖图片制作| www.017838.com-双色球彩票怎么买| www.155369.com-什么彩票最好赚钱| www.595229.com-246赢好彩-| www.212660.com-彩软科技计划稳吗| www.356390.com-彩票秘密中亿元大奖| www.0090.net-带彩的网名-|