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天

知道了
9彩注册 www.242501.com-好的彩票网址| www.043259.com-玩彩票app安卓| www.611627.com-下载双彩网-| www.840021.com-福彩有哪几种| www.cv6.com-马云买了26年彩票| www.026034.com-淘彩票app下载| www.807081.com-高胜率彩票计划网站| www.156838.com-新浪足球胜负彩首页| www.739543.com-爱彩乐专家推荐| www.894780.com-彩票开奖查询网| www.ug98.com-澳客彩票苹果版| www.662167.com-5808万彩票造假| www.105346.com-8亿彩下载app| www.1443.cn-大赢家彩票| www.21667.cc-彩民之家总站| www.xn88.com-中福快三一分钟平台| www.ae08.com-手机彩票网论坛| www.735.cn-博盈彩票黑平台| www.868851.com-七星彩app-| www.8096.vip-新加坡永利彩票| www.117538.cc-初级彩票教育指导师| www.315455.com-时彩怎么容易赚钱| www.910221.com-第一彩报-| www.322571.com-海南七星彩直播网站| www.802685.com-福彩字迷图迷总汇| www.250125.com-505彩票真的假的| www.8266.vip-8号彩票黑人平台| www.hp5.com-合买彩票app| www.89728.cc-3月胜负彩-| www.464910.com-彩之家彩票网如何| www.679113.com-凤凰时时彩登录网址| www.101981.com-能中奖的彩票| www.nl9.com-彩票经网湖北快三| www.415415.com-网络五分钟打彩| 鑫亿彩www.051069.com| www.hf04.com-一网彩票预测| www.613217.com-七星彩那个软件准| www.00034.com-爱投彩票怎么样提现| www.338436.com-什么彩票平台最可靠| www.767349.com-长治福彩网点| www.997760.com-福彩印刷有限公司| www.166760.com-网上快三代理| www.476869.com-内蒙古体彩百度一下| www.813481.com-福彩彩3d牛采网| www.h72.cc-香港49码彩票官网| www.7543.vip-富人人彩票app| www.21368.com-腾讯分分彩稳赚方案| www.817625.com-幸运时时彩有走势图| www.956601.com-查彩票用哪个软件好| www.0756.org-六开彩网址-| www.25930.com-备注是个彩虹| www.059056.com-竞彩比分直播网| www.390928.com-3d全彩本子-| www.634777.com-建盏七彩光效果图| www.781446.com-卓易彩票网页版| www.46gt.com-1234彩票cp-| www.275279.com-香港快三是什么| www.253056.com-好彩票app2-| www.853310.com-立彩彩票苹果| www.181140.com-app中彩彩票下载| www.758146.com-青海体彩十一选五| www.884483.com-福彩3d3胆预测| www.al78.com-七星彩五百期的走势| www.986574.com-9158彩票-| www.4707.cm-买彩票一般要多少钱| www.66563.cc-重庆时时彩大平台| www.100372.com-金龙彩票苹果安装包| www.236312.com-快三和值计算公式| www.693794.com-厦门福利彩票兑奖点| www.3124.cn-七星彩高手交流纶坛| www.72md.com-体彩甘肃11迭5| www.282777.com-快三投注官网| www.68354.com-享彩app-| www.034406.com-篮球竞彩推荐| www.121964.com-亚洲时时彩开奖结果| www.184340.com-湖北快三走势头| www.lo33.com-中国正规的彩票软件| www.g02.in-彩票11选五玩法| www.063978.com-送38彩金时时彩| www.85hk.com-老马研彩最新推荐| www.717839.com-77彩票充值截图| www.195038.com-彩票攻略技巧知识| www.397375.com-惠民乐彩票提现| www.228.org-爰购彩-| www.290978.com-内蒙古体彩活动| www.315290.com-彩96最新版-| www.27ig.com-657彩票客户端| www.374255.com-306体彩下载软件| www.608844.com-秒速赛车荣鼎彩| www.723977.com-福彩在线下载安装| www.886655.com-福彩3第开奖结果| www.cp8553.com-今日河北快三走势图| www.358579.com-传统足彩的返奖率| www.867888.cc-南国彩票论坛海口| www.931596.com-彩票大乐透大赢家| www.979691.com-香蕉计划彩票| www.cai3930.com网上的快三是真的吗| www.526225.com-竞彩足球怎么看不懂| www.602071.com-买彩票不给钱人跑了| www.669777.com-星期几可以买彩票| www.736929.com-福彩3b败家子字谜| www.801892.com-天津快三有没有| www.6618.biz-9彩计划网页版| www.144565.com-大发时时彩破解| www.400156.com-下载湖北快三助手| www.lz29.com-青海快三077预测| www.35cc.com-海南七星彩本期资料| www.49282.com-时彩个位必中计划| www.563208.com-9老彩民高手论坛| www.671167.com-三彩旗舰店-| www.li1.com-内蒙快三新规定| www.287289.com-五分彩怎么玩| www.579868.com-皇乐彩票-| www.651491.com-pk五分彩走势图| www.716797.com-彩铅画樱花教程| www.787280.com-体彩排5开奖结| www.859287.com-916彩票手机版| www.951633.com-红彩网络直播平台| www.991919.cc-彩票中奖那几个数字| www.ac86.com-大智慧福彩-| www.rk29.com-高反水彩票平台| www.769702.com-好彩彩票输了90万| www.947234.com-福利彩票造假| www.53.me-福彩幸运星座| www.031220.com-芒果彩票是不是骗局| www.659879.com-人工智能分析足彩| www.753093.com-幸运彩神的彩票专栏| www.833358.com-福利九号彩票软件| www.887802.com-足彩精算师-| www.951874.com-彩神8是合法网站吗| www.998028.com-七星彩解诗网一琼粤| www.kt2.com-彩票开奖查询| www.3285.vip-银行职员贷款买彩票| www.17423.com-淘彩票app官方| www.91957.com-广东彩王铁塔图库| www.734205.com-新浪竞技风暴足彩| www.778256.com-福利3分彩官网| www.903926.com-现金彩票系统出租| www.29ki.com-彩票中奖最多多少| www.7275.xyz-彩虹六号4k壁纸| www.26692.com-新2彩票网站靠谱吗| www.096112.com-众彩网怎么进不去| www.513883.com-今日老黄历上的彩票| www.651882.com-中国彩票收入| www.11dw.cc-微信时时彩票合法吗| www.19900.cc-吉林快三下午推荐号| www.486266.com-百事网彩-| www.653333.com-七乐彩胆拖中奖计算| www.rh89.com-千万彩票下载| www.83an.com-和彩云怎么换手机号| www.720408.com-福彩三递走试图| www.911899.com-乐彩vip网站| 55彩票www.755740.com| www.045.date-和福彩合作的企业| www.58629.cc-3d今天银海彩票图| www.ls39.com-中彩网软件压铸| www.q11.wang-搜狐世界杯彩票| www.49eo.com-彩票永久来-| www.679.live-竞彩足彩推荐310| www.3732.pw-彩票管家官网| www.98hz.cc-炫彩福字动态壁纸| www.bw82.com-吉林的快三出来| www.515609.com-彩票法律纠纷案例| www.621717.com-快三摇奖程序开发|