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.991898.com-快三走势图下载| www.9217.biz-乐彩站合不合法| www.008252.com-当天全部彩票开奖| www.331311.com-七乐彩票主页大发| www.527675.com-时时彩结果走势图| www.671053.com-彩吧中国福彩| www.803553.com-年后七星彩何时开奖| www.957174.com-福彩预测分析| www.eo42.com-手机北京快三投注| www.12qn.com-好彩紫双爆-| www.4936.top-足彩竞彩胜平负查询| www.gb60.com-福彩在线害死多少人| www.01jm.com-彩虹是什么-| www.060708.com-红宇体彩店下载| www.32108.com-香港百姓彩坛| www.916622.com-私彩平台修改器| www.289646.com-乐彩33可靠吗| www.382331.com-腾讯分分彩基本玩法| www.174068.com-新快三平台-| www.280390.com-时时彩apk-| www.uo49.com-福彩3d条件专区| www.053523.com-彩票概率计算公式| www.319575.com-亚博体育彩票靠谱吗| www.93191.com-105彩票安卓下载| www.222270.com-彩票送彩金19| www.345393.cc-易算彩彩票预测| www.533716.com-黑客进入私彩票系统| www.540567.cc-彩乐园彩票怎么样| www.252618.com-好彩1预测-| www.793658.com-正规彩票注册| www.887144.com-九度彩票骗局| www.966189.com-快三倍投法-| www.by88.com-福利彩票查询今天| www.7866.com-好彩运开奖-| www.68768.com-天津市体彩11选5| www.057186.com-安徽福利彩票网| www.173485.com-上海市快三开奖号码| www.301776.com-七星彩论坛特区| www.416539.com-彩虹七号的视频| www.528434.com-中国体彩竞彩返点| www.608005.com-玉林体彩发行中心| www.518770.com-万家彩票app下载| www.624898.com-天天体彩下载官网| www.588993.com-彩先知首页-| www.670009.com-天涯社区海南彩票| www.752790.com-注册送18元彩票| www.re72.com-快三平台作弊软件| www.26ip.com-易发彩票辅助软件| www.030.in-彩99提现要求| www.3605.org-湖北快三豹子必出| www.225854.com-刷彩金-| www.226406.com-河北11选五爱彩乐| www.751888.cc-扬州体彩兑奖| www.852785.com-中国体育彩票一等奖| www.949508.com-2018彩库宝典| 8号彩票www.81520u.com| www.xj45.cc-湖南快三开奖结果| www.561905.com-绑定自助领取彩金| www.656969.com-时时彩稳赚不赔方案| www.789395.com-nba竞彩交流| www.901214.com-福彩排三开奖结果| www.988828.com-家彩开奖网-| www.qf48.com-76c彩票登陆| www.74kt.com-体育彩票5位数| www.4540.cc-七星彩近2000期| www.979215.com-广州好彩香烟多少钱| www.44bq.com-非常出彩的意思| www.024730.com-99彩票下载-| www.965904.com-体彩最新口号| www.pd6.com-上饶彩票中奖人被杀| www.497103.com-h辉煌彩票靠谱| www.702962.com-彩票在线模拟| www.860692.com-8亿彩最新版本安装| www.891729.com-今日彩票软件下载| www.974171.com-福彩刮刮乐编码| www.cp14.com-德州扑克精彩视频| www.qd06.com-九龙彩票-| www.rx7.com-上海快三五百期| www.69859.com-大彩鲸11选5彩票| www.317.net-正版港彩一码| www.154508.com-福利彩票色子点数| www.cp32.com-5d彩票规则-| www.a13.top-中国福彩标志| www.29lv.com-动漫彩铅画入门教程| www.488555.cc-今天的三d彩报图库| www.689918.com-2分时时彩全天计划| 福彩www.86267b.com| www.008763.com-中奖彩票开奖计划| www.540424.com-高频彩为什么一定输| www.400738.com-七乐彩分析预测杀号| www.948223.com-福彩3d上仙杀码| www.193576.com-福彩快三长买必输| www.337566.cc-体彩查询中奖| www.363570.com-看到彩虹的寓意| www.4516.biz-中国福彩3d奖号| www.54587.com-白菜彩金手机验证| 七星彩票www.11qxc.com| www.78518.cc-廊坊彩票站出兑信息| www.191868.com-6合万彩开奖| www.728667.com-京东彩票北京28| www.803030.com-如何在手机上买福彩| www.877516.com-今期的彩票指南报纸| www.946730.com-5米彩钢围挡施工图| www.983854.com-国家福彩快三| www.gw82.com-盈彩平台真的赚钱吗| www.yd48.com-福彩十五选五规则| www.07za.com-刚力彩芽有什么背景| www.251362.com-河北快三历史遗漏| www.275844.com-七星彩复式中奖查询| www.426382.com-彩票代玩是犯法的吗| www.661987.com-竞彩最高奖金| www.787966.com-彩票开奖历史20| www.897777.com-害人的高频彩票输惨| www.mu53.com-手机上如何投注彩票| www.255777.com-少女时时彩计划软件| www.067713.com-手动彩票打印机| www.177876.com-足彩玩法-| www.177499.com-福彩3d预测新彩吧| www.510155.com-无线幻彩控制器| www.829338.com-新乐彩登录-| www.004412.com-福彩被停机了怎么办| www.255582.com-彩富网彩富高手网| www.336932.com-广西快三是合法的吗| www.846182.com-七乐乐彩开讲结果| www.940513.com-网易体彩开奖现场| 39彩票www.3933e.cc| www.cai8999.com吉林省长春快三| www.kw04.com-今日福彩中心开机号| www.31833.com-重庆彩-| www.86629.cc-衡阳福利彩票招聘| www.036850.com-哪个彩票软件正规| www.049400.com-菩萨赐彩票-| www.189308.com-宁夏快三官网| www.356195.com-每日首充彩票平台| www.164003.com-足彩容错怎么买| www.wo85.com-怎么预测彩票的走势| www.01454.com-哪种彩票绑卡送彩金| www.216881.com-什么软件能玩快三| www.8679.cc-购买官方彩票软件| www.143613.com-体彩最新选号法| www.106338.com-19年彩票中奖记录| www.671421.com-众乐彩是黑平台吗| www.825831.com-山东福彩沙龙| www.908337.com-怎样注册彩票平台| www.964190.com-十五选五预测彩乐乐| www.637077.com-腾讯分分彩做号| www.4425.vip-河北福彩排列走势图| www.14258.com-彩票2元网怎样| www.lj0.cc-湖北快三胆拖玩法| www.630669.com-爱上彩票什么网站| www.771730.com-时时彩单式做号视频| www.08dy.cc-彩铅画动物简单教程| www.936355.com-足彩姜山冷门博客| www.333773.com-彩票站顺口溜| www.511706.com-迷恋彩票-| www.677327.com-高盛时时彩蜂巢团队| www.80005.com-吉林福彩快三走试图| www.384285.com-河内一分彩走势图| www.610095.com-香港开奖彩票777| www.745833.com-大彩网首页走势图| www.823739.com-手机怎样投注彩票| www.889105.com-彩店宝appios| www.972704.com-彩铅画人物古风教程| www.cai773.com-快三在线稳定计划|