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.721022.com-快三大小和值计算| www.05539.com-恒彩彩票-| www.659189.com-七乐彩3拖9-| www.948678.com-福利彩票年销售额| 亿彩网www.298980.com| www.se17.com-578彩票平台| www.34wg.com-红牛彩票怎么下载| www.0188.cm-大众彩票网骗局揭秘| www.020915.com-福彩1d-| www.dc12.com-江西福彩中心官网| www.361161.com-福彩试机号app| www.437460.com-福彩3d组选图表| www.564998.com-重庆市彩开奖分析| www.660153.com-足彩智能预测模型| www.760668.com-体彩一共几位数字| www.955488.com-体育彩票店销量排行| 大赢家彩票平台www.853530.com| www.058687.com-福彩3d预测第一版| www.57831.cc-快三开始赢后面输| www.054332.com-广东福利彩票网| www.405320.com-彩票几点开门| www.4763.vip-足球竞猜比分彩客网| www.234490.com-国家认可彩票app| www.5898.tv-提亲的时候给彩礼吗| www.60398.com-快三秒奶茶怎么加盟| www.906123.com-今日竞彩比分直播| www.9186.biz-中国彩吧图库手机版| www.fl7.cc-重庆福彩官方网站| www.08228.com-8号彩票平台| www.136006.cc-体彩竞猜比分直播| www.361157.com-官方快三开奖时间| www.707111.com-新时时彩官网平台| www.811218.com-福彩开奖app| www.910271.com-体彩开奖中国竞彩网| www.982426.com-黑马时时彩计划网页| www.ca00.com-快三直选玩法| www.n51.com-中国福利彩票3d| www.65ag.com-微信彩票下载安装| www.1636.cm-彩金棋牌-| www.06821.com-福彩3d寻马图| www.57411.com-锋彩直播最新破解| www.010138.cc-分分彩牛牛计算公式| www.ks07.cc-福彩交流群是干啥的| www.rq94.com-官方彩是正规的吗| www.54900.com-厘模式彩票-| www.cai6299.com上海彩票快3走势图| www.zm72.com-赢家彩票是什么| www.58ik.com-彩神通网址-| www.779911.com-彩票店在什么位置| www.912621.com-好彩客骗局-| www.so4.cc-福彩幸运彩规则| www.d62.club-中国彩票123.| www.480775.com-两分快三真的存在吗| www.578028.com-腾讯分分彩龙虎| www.706329.com-老挝博彩打工| www.811864.com-双彩到上虞多少公里| www.916786.com-fd抓包改博彩| 大赢家彩票平台www.167356.com| www.md46.com-快彩乐老11选5| www.01.me-七星彩会员怎么注册| www.98fa.com-中国彩票奖金计算器| www.3958.com-竞彩篮球投注360| www.306218.com-彩虹六号围攻手机版| www.400682.com-七星彩开奖图纸表| www.535293.com-福利彩票几位数字啊| www.431898.com-同城彩票下载安装| www.730183.com-a232彩票-| www.588901.com-丹麦快乐彩开彩直播| www.029744.com-体育彩票哪个app| www.164967.com-94彩-| www.jn25.com-江苏快三输钱| www.1952.org-福彩3d太湖字谜解| www.33166.cc-大星彩票走势图3d| www.028008.com-80彩票是啥-| www.178999.cc-北京快三开奖直播网| www.057752.com-七星体彩中奖信息| www.53704.cc-美团自助彩票机| www.180779.com-福彩快3彩票站提成| www.507144.com-彩神提现失败| www.776210.com-5分彩全天计划群| www.468056.com-广州福利彩票申办| www.923421.com-彩票吃票属于诈骗| www.587685.com-竞彩足彩app| www.355352.com-智博彩票网的网址| www.552806.com-1号彩票网下载| www.865723.com-御彩轩计划软件下载| www.984099.com-福彩3数字开奖号码| www.0305.me-彩票是不是骗人的| www.021062.com-3k彩票平台-| www.441785.com-七星彩排列五今天| www.698208.com-福彩3d报纸图迷| www.79223.cc-互娱彩票huy08| www.8653.net-天天彩开奖结果| www.739601.com-中华福彩开机号| www.043747.com-彩票代理如何拉玩家| www.621871.com-七星彩十大专家杀| www.656252.com-5aapp彩票下载| www.91618.com-160中彩网站多少| www.587188.com-香港六星彩开奖结果| www.cp7218.com-快三有人控制吗| www.4515.vip-传统足彩竞彩网| www.043882.com-彩之家app正规么| www.974910.com-福利彩票充值| www.984601.com-亚博彩票手机版下载| www.sc03.com-足球e球彩开奖结果| www.xb63.com-一定牛彩票合法吗| www.3961.bid-怎么破解奔腾彩票| www.71694.com-福彩3d动态-| www.974.cm-中七星彩去哪里领| www.7510.pw-体彩店生意好不好| www.sn4.com-湖北快三推荐号码| www.670386.com-今晚七星彩开奖查询| www.812038.com-乐彩论坏-| www.069350.com-鹦鹉科技博彩破解| www.240930.com-长春福彩中心| www.536121.com-金冠彩票骗局| www.918218.com-uc彩票网-| www.lk54.com-彩八彩票ios版| www.63dj.cc-500彩票论坛| www.136.cm-www.彩票-| www.9866.cn-古建彩绘雀替| www.695593.com-彩票缴费通支付宝| www.357908.com-a8彩站是正规的吗| www.770368.com-好彩娱乐怎么下载| www.529352.com-怎么制作彩虹玫瑰| www.734903.com-91彩神计划-| www.523737.com-重庆时时彩预测计划| www.21af.com-分分彩平台出租| www.he03.com-福彩三的赵公明预测| www.198.biz-古风风景画彩铅画| www.kj16.com-凤凰竞彩app| www.144429.com-中国彩软件是真的吗| www.833311.com-新时时彩专业版软件| www.113287.com-彩票黄金分割确定号| www.837664.com-皇博彩票这个软件| www.uk9.com-马来西亚彩票大全| www.282296.com-中国体育彩票有几种| www.292307.com-人人彩票是真的吗| www.453337.com-中国3d彩涂图迷| www.cp758.cc-一分快三平台下载| www.586142.com-彩八彩票网站首页| www.733345.com-彩500vip-| www.017808.com-一赔1的彩票| www.245691.com-易彩堂1主页| www.447220.com-今天双色球维彩视频| www.575662.com-可用的彩票app| www.22769.cc-4亿彩票下载| www.984557.com-彩8平台怎么样| www.83200.com-彩票高手个人推荐| www.968.biz-七乐彩计算公式方法| www.439930.com-鼎盛国际时时彩| www.332166.com-体彩竞猜输了好多| www.231954.com-福彩字谜画谜| www.456588.com-巴厘岛彩票注册| www.678345.cc-必胜体彩店app| www.513573.com-赢彩彩票y655| www.35617.cc-竞彩比分计算器| www.213255.com-彩票系统app开发| www.894012.com-财神彩票官方网站| www.030323.com-中国体育彩票e球彩| www.548300.com-8k易彩-| www.66573.cc-时时彩官方正规平台| www.163552.com-网易彩票-| www.099803.com-中华彩票网app|