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.3072.win-彩票开奖日期规定| www.vc9.com-乐彩骗我30万| www.037372.com-乐彩网3分快3计划| www.152500.com-天际彩票极速快3| www.914752.com-彩九登录网站| www.993386.com-足彩新手教程| www.by36.com-彩票店竞彩宣传语| www.vt31.com-凤凰彩票开奖网| www.021430.com-顺盈彩票平台怎么样| www.099156.com-北京五分彩走势图| www.654907.com-时时彩单式复式| www.736565.com-彩客网手机版触摸板| www.823679.com-印花彩涂铝板| www.902937.com-彩票平台制作怎样做| www.977293.com-南阳彩礼哪里高| www.bh99.com-福彩快三群骗局揭秘| www.tl20.com-3d彩报第一版图| www.52fl.com-创意水彩花卉| www.782007.com-好运快三怎么下载| www.614515.com-光彩什么意思| www.795121.com-手机上可以卖快三吗| www.918747.com-博友彩app苹果| www.uq52.com-体彩排列五综合走图| www.657143.com-好彩网红姐3d预测| www.751492.com-中国足球彩票竞彩| www.823989.com-福彩3d直选3| www.892311.com-福彩3d分析软件| www.967321.com-专门玩彩票的群| www.cai3678.com快三中奖规则| www.09sv.com-七星彩小精英图版| www.uh17.com-江苏快三骗人| www.625911.com-彩票出龙啥意思| www.866788.com-今晚福彩3d-| www.946920.com-福彩快三开奖记录| 大钱庄彩票www.55587.com| www.hb97.com-福彩快3app下载| www.zk47.com-彩票分析与-| www.55101.com-竞彩稳赢心得| www.0zz.com-彩票网址app| www.077888.cc-七星彩奖图局王| www.44762.com-四季一分彩-| www.050998.com-陕西福彩app下载| www.731646.com-彩钢板围挡单价| www.849896.com-竞彩官方是什么意思| www.935414.com-一代彩神专栏| 幸运彩票www.716726.com| www.xs72.com-彩票688下载| www.951142.com-彩票高反水-| www.jh12.com-江苏快三真的能赚钱| www.v43.net-众彩王启航-| www.81hb.com-彩票通代理会员专用| www.4986.live-足彩中奖奖票大全| www.560913.com-七乐彩手机选号网| www.8791.net-腾讯ai彩数据| www.603739.com-专注彩票-| www.178905.com-湖北快三玩法奖金| www.308849.com-彩计划高手福彩| www.432151.com-福彩3d中奖说明| www.565694.com-时时彩代打骗局贴吧| www.808101.com-竞彩彩票怎么退款| www.975727.com-购彩网app真的吗| www.cy11.com-玩彩票哪个平台靠谱| www.554602.com-七星彩专用语| www.118643.com-11选5辽宁体彩| www.217273.com-福彩快三购彩网站| www.311116.com-公布中国湖南福彩网| www.057.cm-体彩屋77-| www.131877.com-云南彩礼排名| www.916042.com-辽宁彩票非法兑奖案| www.984072.com-c99彩票平台登录| www.vp5.com-吉隆坡博彩-| www.01ln.com-彩虹歌曲羽泉穿刺| www.4981.com-体彩顶呱刮规则| 500彩票www.324577.com| www.018923.com-福利彩票三d预测| www.699566.com-中国体育竞彩比分网| www.817491.com-5分彩是骗局吗| www.nl17.com-中国足彩网赛事| www.203722.com-快三彩票漏洞| www.293927.com-快三精准计划网| www.374744.com-体彩杀号定胆天气网| www.506903.com-至尊彩安全吗| www.710689.com-七乐彩选号技巧| www.94xy.com-尾数走势南方彩票站| www.027082.com-博彩套利-| www.76qt.com-足彩预测准的在哪里| www.190601.com-1分快3彩票网| www.899148.com-胜负彩数字代表| www.47tv.com-福利彩票售卖点| www.985338.com-728彩票客户端| www.590051.com-体彩七星彩综合版| www.674722.com-足球胜负彩中奖故事| www.07cu.com-彩聊微信下载| www.97tb.com-休彩排五开奖号| www.0882.top-博彩新论坛-| www.262579.com-快三如何追号追豹子| www.831321.com-神马六给彩2019| www.500073.cc-本子库狂三全彩| www.770424.com-篮彩比分-| www.859737.com-彩票封盘-| www.934597.com-福彩今日开奖结果| 凤凰Vwww.www.fh7557.com| www.26129.cc-彩虹歌词羽泉含义| www.804276.com-可以买世界杯的彩票| www.841520.com-彩票内部人员改单| www.cai2222.com江西快三开奖结果| www.121539.com-河南彩票大奖新闻| www.2854.win-河南福利彩票幸运一| www.395038.com-广东福彩开奖直播| www.5417.vip-165彩票-| www.841.gg-掌上彩票打不开| www.509815.com-缤果彩票是不是骗局| www.789667.com-竞彩如何打水| www.879554.com-彩票下级-| www.979393.com-泰国好彩-| www.co48.com-北京快三开奖最快| www.80.cx-新彩吧彩票| www.998739.com-明发彩票mfa08| www.gw22.com-黑客爆中国彩票造假| www.792264.com-彩票77手机版| www.652989.com-各种釉彩大瓶在哪| www.735246.com-哪种彩票比较简单| www.809358.com-时彩倍投倍数选择| www.os10.com-靠谱的彩票投注网站| www.213217.com-彩票哪个软件好用| www.627411.com-双彩是什么意思| www.518115.com-七星彩五行走势图| www.961321.com-大众彩票最新| www.82us.com-怎么当91竞彩大神| www.441384.com-七星彩梦册查奖| www.dh24.com-11夺金彩经网| www.502095.com-购买体育彩票经验| www.234.cn-希腊10分钟彩票| www.3868.bid-星彩网址-| www.818926.com-福彩在线开奖直播| www.882450.com-159彩票网丑闻| www.958637.com-彩票app合法| 818合彩www.www.5666hc.com| www.4274.biz-彩票外挂作弊软件| www.19381.cc-时时彩计划群彩票| www.758061.com-特彩网中彩网| www.ox46.com-快三彩票人为控制| www.6470.cc-怎么推广别人玩彩票| www.673318.com-古建彩画图案| www.740716.com-28元彩票-| www.11531.cc-大乐透彩乐乐机选号| www.822340.com-东方彩票注册送43| www.31239.cc-卓易彩票ios| www.53gj.com-有人拉我进红利彩票| www.619803.com-足彩解盘博客| www.725544.com-台湾福星彩现场直播| www.876620.cc-体育彩票真假| www.26kq.com-山东体彩大管家| www.512557.com-彩铅人物简笔画眼睛| www.036449.com-106在线彩票登录| www.1605.vip-吉林快三同号遗漏| www.101897.com-体育彩票一定牛苹果| www.681221.com-千万别买彩票| www.798411.com-财神彩票有人被骗吗| www.886481.com-彩票大赢家双色球| www.959257.com-青岛彩票中奖排行榜| www.cai3055.com安徽快三玩法技巧| www.59281.cc-彩票代售点怎么申请| www.400808.com-福快三开奖结果查询|