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.560949.com-数字五行与彩票| www.769098.com-好彩网0567-| www.899629.com-上饶体彩-| www.977229.com-濮阳彩礼降下来了吗| www.gt81.com-我买彩票-| www.49.hk-打错彩票中奖怎么办| www.037881.com-乐彩网网官网| www.672608.com-彩云追星七星彩预测| www.202284.com-贵州体彩网联系方式| www.867711.com-廉江好彩哥规律长居| www.958521.com-福彩官网能买彩票吗| 吉利彩票www.66376c.com| www.nc38.com-福气快三彩票| www.7879.hk-智胜彩票骗人| www.964353.com-体彩官网湖南| www.621338.com-红旗彩app下载| www.791822.com-怎么查彩票开奖| www.952640.com-上海快三大小计划| www.wa33.com-芜湖快三开奖走势图| www.7361.shop-11选5爱彩乐山东| www.347.date-最新七星彩开奖结果| www.85861.cc-彩友app-| www.020445.com-彩38网-| www.566957.com-好彩堂幽默资料| www.385193.com-香港703彩票网| www.526986.com-彩神8那些群骗人吗| www.357244.com-彩票中奖离婚事件| www.567526.com-一分彩彩票软件下载| www.663591.com-澳门星星彩-| www.749900.com-双色球彩票大赢家| www.826384.com-鸿运彩票体现不了| www.894790.com-天天时时彩助手最新| www.962561.com-彩票单期计划计划| 大赢家彩票平台www.955494.com| www.wv67.com-皇马彩票开户| www.55pk.cc-云南福彩开奖结果| www.2982.xyz-重庆时时彩组六高手| www.845996.com-博纳彩票是合法的吗| www.046655.com-福利彩票装修效果图| www.582616.com-四场进球彩开奖结果| www.053000.com-今天福彩快三走势图| www.811410.com-石家庄福彩兑奖中心| www.895991.com-九州彩票是黑平台吗| www.965043.com-彩七七介绍-| www.cp807.com-网上玩快三违法么| www.022384.com-幸运飞艇时时彩| www.41qc.com-七彩球灯笼-| www.1256.vip-分分彩中三单式| www.8222.top-苏州体育彩票竞彩店| www.27191.com-安卓版3彩票| www.71732.com-体彩注册送彩金| www.48ia.com-福彩3d120图标| www.2038.biz-好彩堂特马论坛| www.217909.com-吉林快三新走势图| www.020163.com-彩63app-| www.7799.live-免费领取彩金的网站| www.93759.cc-福利彩票是什么意思| www.191596.com-彩经网-| www.372323.com-肥东体彩-| www.773239.com-355彩票软件| www.991208.com-快三安徽走势图| www.127491.com-彩宝贝杀号定但| www.534003.com-够力辣椒七星彩奖表| www.47ud.com-彩铃歌曲排行榜| www.be2.com-新彩app-| www.369467.com-搜索彩票开奖公告| www.008061.com-快三购买时间| www.108368.com-玩彩心态-| www.189123.cc-一分快三开奖查询| www.288986.com-彩神苹果版下载网址| www.21dx.com-山西省体彩怎样兑奖| www.030.name-99彩票是合法的吗| www.3435.biz-家彩网开机号大乐透| www.87073.com-彩王争霸平台| www.083159.com-65707彩票-| www.cc62.com-福彩排列5开奖| www.3693.cc-施乐彩色复印机租赁| www.9258.org-福彩中心在什么地方| www.55708.com-全球彩票大厅| www.93536.cc-福彩3d乐彩网专区| www.93578.com-杭州彩色包装箱厂| www.389953.com-体彩字谜总汇| www.43pv.com-五福彩彩票合法的吗| www.6795.biz-24号福彩号码| www.74lv.com-好彩大发是什么意思| www.126016.com-高频彩开奖查询结果| www.69504.com-天津时时彩直播| www.9265.org-威斯汀福乐彩| www.151710.com-福利彩票多少个数字| www.287518.com-彩之家苹果-| www.889502.com-七乐彩大发-| www.888253.com-机选七星彩号码一注| www.041515.com-久久发彩票网| www.60nn.com-贵宾中彩开奖记录| www.1640.in-澳洲3分彩怎么玩| www.29963.cc-亿彩注册登录| www.73166.cc-湖南福彩兑奖| www.095367.com-彩票作假穿帮的视频| www.79298.com-体彩线上投注| www.028962.com-玩快三的技巧和秘诀| www.cp3998.com-百胜中国福彩快3| www.98070.com-金鹰团队重庆时时彩| www.355847.com-今日体彩开机号查询| www.855047.com-彩吧网福彩分析预测| www.916215.com-彩票店怎么经营| www.971746.com-上海体彩app下载| 易旺彩票www.yw373.com| 豪彩VIPwww.808912.com| www.34cs.com-七星彩最新信息| www.369520.com-幸运快三稳定版计划| www.105922.com-彩票77官网怎么样| www.168108.com-快三胆拖对照表| www.231876.com-买彩票怎么赚钱| www.980442.com-梦想彩票是真的吗| www.cp2918.com-快三高手传授经验| www.683838.com-福彩天中图库| www.319499.com-彩神密聊-| www.416577.com-中国福利彩开奖| www.536919.com-关于彩票的昵称| www.641546.com-重庆时时采彩宝典| www.748011.com-绿色好彩爆珠| www.0004.xyz-什么彩票是6位数| www.7283.org-彩虹台网络直播软件| www.105288.com-好彩柠檬双爆好抽吗| www.177661.com-快三单双计算方法| www.234404.com-怎样通过手机购彩票| www.294226.com-皇冠彩票登录端| www.540032.com-体彩7星彩推荐号码| www.2243.pw-新运种福彩-| www.5401.top-体育彩票开奖条件| www.94ie.com-棒棒彩票没人查吗| www.397043.com-红彩彩票平台| 聚彩网www.290282.com| www.276178.com-那种彩票最容易中奖| www.590089.com-辽宁福彩快乐12玩| www.982852.com-百福彩票网下载| www.117642.com-官方福彩幸用快三| www.033864.com-彩票世界app| www.cp8882.com-大发快三正规吗| www.92189.com-顺丰彩-| www.cx40.com-外围彩票平台哪个好| www.2068.pro-彩虹夹心冰淇淋机| www.333883.cc-私彩怎么玩-| www.441000.com-炫彩字体软件下载| www.567026.com-emoji的彩虹| www.630125.com-福彩3d中彩北斗| www.548484.com-137彩票软件下载| www.468365.com-重庆体育彩票站| www.558209.com-下载个大赢家彩票| www.631732.com-七彩阳光多长时间| www.695209.com-1分快三开奖时间段| www.11xr.com-分分彩毒胆算法| www.98fo.com-刻家奇门测彩最准| www.4815.cc-双色球快三多少钱| www.036638.com-大奖彩票下载安装| www.955423.com-微微彩票下载| www.401832.com-七星彩全文-| www.599631.com-哪些地方可以买彩票| www.931569.com-澳客彩票网彩客网| www.st46.com-重庆时时彩在线杀码| www.156215.com-好彩堂跑网-| www.053021.com-雅彩足球彩票下载| www.117629.com-足球彩票十四场胜负| www.8632.biz-聚宝彩票怎么赚钱|