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.zw99.com-查看七星彩开奖号码| www.819981.com-乡镇开彩票店怎么样| 500彩票www.362477.com| www.7338.me-彩客网让球竟彩| www.315587.com-安微福彩快三结果| www.17466.cc-玩彩票女孩靠谱吗| www.72870.com-甘肃快三小贴士| www.52jk.cc-7乐彩360-| www.2225.net-体彩11选5大彩鲸| www.132401.com-平顶山叶县彩礼| www.774373.com-福彩3d真假-| www.2gi.com-竞彩足球输了怎么办| www.482630.com-什么彩票是两位数| www.ri32.com-七乐彩奖金说明| www.92985.com-唯博彩票官方平台| www.108322.com-快三彩票网是真的吗| 快彩www.81678n.com| www.713070.com-湖南中国体彩网| www.ke19.com-英快三走势图| www.05356.com-网易彩票能买了吗| www.162301.com-129彩票-| www.52613.com-足彩胜负14场分析| www.233946.com-333彩票平台骗局| www.237603.com-下载福彩开奖结果| www.327503.com-彩票投资赚钱能信吗| www.93vq.com-彩色艺术照哪年有的| www.032344.com-平台彩票推广的老板| www.906885.com-足球彩票哪家好比较| www.60457.com-中福彩下载-| www.025923.com-湖南刘雪龙黑彩| www.139545.com-网上赌博时时彩| www.3066.cc-四场进球彩的玩法| www.284114.com-彩票名称大全百度| www.400076.com-全民彩票500网| www.680765.com-时时彩倍投技巧| www.22179.com-抵制高价彩礼承诺书| www.1956.me-福彩专家詹天佑预测| www.61654.com-彩票守号概率高| www.217976.com-台北快三规律| www.ws1.cc-甘肃快三明天预测号| www.332308.com-体彩实体店返点10| www.426692.com-七星彩电脑版下载| www.169655.com-彩票走势图怎么分析| www.139201.com-个人彩票软件| www.32211.cc-彩色压印地坪批发商| www.1725.me-冠军团队彩票计划| www.17141.com-如彩纺织工艺品企业| www.80829.com-竞彩团队骗局| www.037920.com-免费彩票组合软件| www.135979.com-我想买彩-| www.0404.in-福彩两码最大遗漏| www.99357.cc-金彩网下载app| www.592977.com-彩虹六号笔记本配置| www.52228.cc-免费彩铃-| www.005300.com-933彩票登入网址| www.784148.com-国乐彩是什么意思| www.867247.com-快三如何赢钱保盈| www.925875.com-爱乐透最新彩票| www.986674.com-校长福彩预测| www.ac5.com-河北快三226遗漏| www.mb73.com-快三出豹子的跨度表| www.d87.club-网易彩票安卓版下载| www.35vi.com-五分彩万为计算公式| www.508810.com-7星彩机选-| www.829365.com-一彩仓库-| www.921135.com-神彩彩票app安装| www.su92.com-体彩7星彩开奖时间| www.32rr.com-v9彩票可信买| www.8803.xyz-高频彩联盟pk10| www.49494.com-福建福彩票-| www.919051.com-实体店彩票会被吃票| 500彩票网www.65707k.com| www.610789.com-西安彩钢板厂家电话| www.679702.com-重庆市福彩手机报| www.752511.com-有什么彩组词| www.828888.com-偷彩票犯法吗| www.888152.com-香港赛马派彩| www.950705.com-甘肃快三一天多少期| 福彩www.26878w.com| www.8903.vip-竞彩徐州店-| www.101148.com-五分彩走势-| www.61629.com-小米彩票入口在哪里| www.86658.cc-七星彩走势图专业版| www.067753.com-竞彩app软件开发| www.188403.com-福彩快三安徽| www.824066.com-新彩画-| www.994078.com-彩票分析大师下载| www.sn55.com-时时彩长线追号法| www.49qn.com-彩霸王正牌资料| www.119056.com-360彩票导航走势| www.645962.com-竞彩高手哥-| www.52468.com-今天3d彩报图片| www.002329.com-法国快三开奖结果| 购彩网www.81gcw.com| www.538151.com-深圳国彩-| www.607648.com-韩国中奖彩票| www.677199.com-彩色印刷包装盒| www.765339.com-四川彩票兑奖中心| www.842130.com-中超体彩-| www.265923.com-宁夏体彩总部| www.362396.com-彩票掉了一点角| www.595351.com-3d乐彩17500| www.686059.com-香港十分彩官网| www.759956.com-买生肖的是什么彩票| www.825248.com-竞彩猫怎么投注| www.887570.com-黑彩平台代理好吗| www.974235.com-go彩是什么-| 大赢家彩票平台www.377675.com| www.23re.com-意大利幻彩绿| www.0608.org-易彩一分钟规律| www.46885.cc-高频彩票团队计划网| www.473036.com-福彩属相开奖| www.556640.com-彩票中奖领取期限| www.653370.com-时时彩定胆做号技巧| www.764433.com-足球4场进球彩对阵| www.838705.com-竞彩周五001| www.899045.com-彩票开奖api| www.959502.com-彩票选号软件下载| 3G彩票www.c137.vip| www.308828.com-万彩吧高手彩票| www.2179.net-微购彩是不是正规| www.797028.com-大乐透彩票多久过期| www.v56.com-彩票开结果大乐透| www.67pr.com-七乐彩尾数分布图| www.1135.vip-竞彩球改期了| www.js48.cc-双色球专家颖彩预测| www.lh99.com-中彩娱乐是骗局吗| www.1010.xyz-赢发彩票合法吗| www.628944.com-彩票开奘查-| www.928972.com-快三的音乐-| www.977833.com-彩印纸箱机多少钱| www.gd2.cc-七星彩算出公式| www.49696.com-江苏福利彩票快三| www.008389.com-泰安市体彩站名单| www.879611.com-易彩一彩民福地登录| www.9536.online彩色水泥地面做法| www.450227.com-头彩彩票是怎么回事| www.1047.com-彩票分析师讲座| www.736956.com-网上购彩平台排名| www.83783.cc-苹果购彩票软件| www.086583.com-聚祥泰彩票机| www.165663.com-1068彩票网注册| www.588717.com-福彩双色求走势| www.002281.com-海南七星彩打什么码| www.7404.vip-色彩风景图片| www.187927.com-河北福彩快三官网| www.296731.com-e球彩在哪看| www.707503.com-南充福利彩票加盟| www.871291.com-开奖快的彩票软件| www.977112.com-男方悔婚彩礼全退吗| www.en88.cc-国彩网官方网站| www.74443.cc-彩票投注网站源码| www.13vq.com-246天天妈彩| www.789675.com-投彩跟计划骗局| www.858284.com-足彩大赢家手机版| www.926810.com-达人彩票网站| www.972907.com-彩虹玫瑰多少钱一只| 大赢家彩票平台www.103658.com| www.706637.com-天天买彩票中不了| www.891721.com-现在038彩票| www.980768.com-吴江彩票店转让| www.bw54.com-大发快三免费计划群| www.1de.cc-天福彩票可靠吗| www.015938.com-唯彩会老版-|