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天

知道了
58福彩 www.292728.com-人人娱乐彩票| www.00224.com-体彩支票是哪个银行| www.760839.com-购乐彩网站-| www.wx76.com-旧版彩经网走势| www.365134.cc-彩票弃奖一览表| www.611297.com-彩票网站贷款| www.826769.com-搜索三b彩票藏机图| 500彩票www.849077.com| www.9853.cn-古建彩绘沥粉的工具| www.ni99.com-篮彩比分直播| www.718162.com-聚财彩票网可靠吗| 500万彩票www.5441m.com| www.63an.com-体育彩票怎么查中奖| www.19961.com-安徽快三结构| www.088073.com-亿彩下载安装| www.153066.com-大发快三精准预测| www.288220.com-时时彩高手-| www.259328.com-青海福彩兑奖地址| www.618196.com-长春双色球中奖彩站| www.802237.com-云南省福利彩票兑奖| www.916981.com-信阳合买彩票中| www.979140.com-快三对子中奖多少钱| www.na3.com-玩快三平台-| www.up04.com-分分快三是什么彩票| www.59ub.com-五州彩票官网| www.1300.xyz-快三爱彩乐江苏| www.8162.loan-梦见杀鸡见血彩票号| www.50535.cc-七星彩论坛解诗网| www.788875.com-竞彩足球彩票圈| www.885162.com-第一彩票app下载| www.955462.com-开奖彩票结果| 39彩票www.3933k.cc| www.086589.com-福彩自助终端机盈利| www.326263.com-彩宝彩票下网站| www.456141.com-彩虹六号黑镜小技巧| www.43763.com-三d彩色打印| www.529891.com-中国彩礼最高的地方| www.656855.com-中彩那天教学反思| www.997047.com-易发彩票分分快三| www.323195.com-竞猜足彩360| www.444247.com-福彩3d走和值号码| www.556001.com-查询七乐彩开奖信息| www.638036.com-一个足彩高手的总结| www.761536.com-258竞彩本地下载| www.884915.com-彩票争霸8网页| www.957100.com-彩票能破解吗| 彩票大家乐www.21202u.com| www.qe03.com-彩票三期是什么意思| www.30ah.com-昨天福利彩票是几号| www.1194.vip-彩票回补正负| www.02575.com-二元彩票下载| www.69715.com-彩票半全场什么意思| www.029728.com-排列5走势图彩宝网| www.502096.com-投彩怎么玩-| www.556626.com-体育彩票选地址| www.760654.com-彩票奖金怎么领取| www.171803.com-贵州体彩欧阳宵| www.872089.com-彩票达人下载| www.242728.com-中国福彩网双色球| www.387287.com-彩票有私人开的吗| www.632477.com-福彩注销流程| www.777255.com-ag彩票网-| www.918286.com-彩票大发快3平台| www.as82.com-快三跨度图片| www.120.gg-577.com彩票| www.399376.com-买彩票算违法吗| www.58120.com-特彩金彩网-| www.7713.cc-彩礼的意思-| www.959643.com-四海彩票-| www.q32.cc-广西快三是合法的吗| www.287363.com-彩票开奖接口| www.385138.com-唯彩会彩票开奖查绚| www.505882.com-555彩票登陆| www.586034.com-时彩专业版-| www.662039.com-射阳竞彩-| www.766064.com-竞彩足球彩票图片| www.839192.com-彩70彩票可靠吗| www.911085.com-中国体育彩票走视图| www.973948.com-头条彩票app下载| www.qf9.cc-快三中奖率高吗| www.xm37.com-网上打甘肃快三| www.521717.com-网上玩时时彩会抓不| www.09ca.com-星辉彩票注册| www.84917.com-七星彩图表-| www.370148.com-七星彩开奖结果机选| www.548093.com-三三娱乐彩票平台| www.io87.com-竞彩足球投注| www.2sz.cc-11选5黑彩平台| www.061525.com-彩贴吧-| www.322572.com-福彩官网手机版| www.417627.com-彩虹6号百科| www.9ay.com-福彩3d对子多少钱| www.2357.xyz-彩票451-| www.311922.com-甘肃福彩官网百度| www.022649.com-福彩天下我有福彩| www.642422.com-彩票6000万-| www.sv18.com-彩票黄金分割技巧| www.848026.com-体彩快三和值表| www.975719.com-体彩七星彩兑奖时间| www.ct44.com-优信彩票大发| www.025230.com-花生彩票是骗局吗| www.238729.com-江苏快三输了几十万| www.602076.com-彩票包赢-| www.680668.com-宁夏体育彩票中心| www.761291.com-好彩软件-| www.824863.com-u9彩票网靠谱吗| www.894867.com-中国体育彩票销售点| www.958494.com-发彩网怎么注销| www.aq13.com-广东福彩快十预测| www.pv36.com-长城彩票靠谱吗| www.711009.com-足球竞彩比分直播网| www.797757.com-lcz99购彩票| www.uo68.com-快三中奖多少分之一| www.10lh.com-4场进球彩开奖| www.494835.com-电竞博彩外围| www.345165.cc-大发彩dfc-| www.819363.com-竞彩秘诀-| www.757.xyz-头彩app-| www.21uo.com-体彩题库-| www.dv36.com-湖北新快三走势图| www.913195.com-电子版彩票指南报纸| www.771593.com-澳洲时时彩5| www.883971.com-百姓彩坛六合在线| www.951576.com-中国足彩直播| www.993813.cc-竞彩足球官网下载| www.iu07.com-篮球彩票吧-| www.380805.com-pk10套利彩金| www.8191.org-八炫彩规则-| www.137971.com-最近彩票新闻| www.211095.com-贵州快3彩经网| www.bc13.com-内蒙古一定牛彩票网| www.283758.com-3d福彩开奖直播| www.6pu.com-彩票中奖公司| www.4037.biz-体育彩票站如何盈利| www.948050.com-排列五凤彩网专家| www.366566.com-彩铅幼儿画图片| www.241687.com-2元彩票网下载安装| www.076686.com-内蒙古快三实时| 彩多多www.78949y.com| www.060797.com-快三1.98的平台| www.526860.com-帮人玩彩票赚佣金| www.548274.com-28彩平台-| www.777.com-跑狗彩票咋玩| www.49987.com-玩彩网app正规吗| www.512921.com-彩票哪个平台能买| www.33074.com-体彩大7叫什么名字| www.486905.com-足彩亚盘pdf| www.325990.com-体彩500-| www.608359.com-派彩是负数什么意思| www.765220.com-808海口彩票论坛| www.723469.com-下载福彩网骗局| www.861795.com-彩票助手软件| www.950257.com-彩票天下开奖通知| www.994656.com-苹果能玩好彩客吗| www.ag72.com-河南福彩快三走| www.46ly.com-彩票投资指南报| www.237497.com-多彩网辽宁12选五| www.312220.com-春秋彩票手机版| www.35ky.com-鑫彩网快3-| www.366.tv-成都乐米炫彩科技| www.892762.com-彩票摇奖模拟器作假| www.978043.com-猫彩色画-| www.cp846.com-幸运快三有什么猫腻| www.zi47.com-天水快三开奖|