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.07fb.com-彩票中奖怎么查| www.1452.org-足彩任选九贴吧| www.04874.com-彩票微信推广找老板| www.58468.com-安彩高科重组传闻| www.028460.com-大发彩票财神争霸| www.115445.com-胜负彩500比分网| www.199795.com-中原风彩大星走势图| www.276967.com-时时彩规则改了| www.555068.com-吉林快三大最长记录| www.635789.com-正规时时彩投注官网| www.761134.com-南粤好彩1的规律| www.864526.com-50倍彩票-| www.946282.com-福建体彩app| 500万彩票www.35155t.com| www.hn63.com-甘肃快三昨天走势图| www.d18.hk-全国开奖安全购彩票| www.47fb.com-体彩店怎么装修好看| www.0239.cc-速赢彩票app下载| www.9862.org-古建彩绘卷花| www.58963.cc-福彩3d投注经验| www.025006.com-智慧彩票预测准不准| www.110581.com-七星彩2字现多少倍| www.190200.com-湖北快三技巧规律| www.270988.com-彩77app苹果版| www.396507.com-手机七乐彩购买| www.526208.com-时时彩诈骗在哪报案| www.620625.com-彩票源码要多少钱| www.699480.com-查询福彩3d试机号| www.785588.com-飞天彩票app| www.868835.com-七星彩前四位3d| www.989284.com-微彩站app靠谱吗| www.ha5.com-玩彩胆神-| www.qp81.cc-福彩刮刮卡在哪进货| www.12wc.com-彩智网-| www.86sg.com-热购彩票线路导航| www.2895.xyz-开心8时时彩| www.8848.cc-最新一期彩票| www.66596.com-找福彩红孩三天计划| www.031896.com-2044彩票网址| www.113374.com-河南省福彩网手机网| www.190520.com-江苏e球彩中奖规则| www.270362.com-彩票主任梗-| www.393521.com-长春体彩到哪里兑奖| www.523131.com-92彩票下载-| www.616078.com-全国即开彩收藏| www.698355.com-风雨彩虹寓意| www.784667.com-福利彩票管理中心| www.865795.com-跑狗6491彩票| www.935616.com-彩票中奖有规律嘛| www.985958.com-申请免费自动送彩金| www.cp8958.com-福建快三爱彩乐| www.ox68.com-福彩3d中奖绝技| www.39bj.com-体彩七星彩彩经| www.0212.org-时时福彩官方网站| www.6958.xyz-双色球彩票打印模糊| www.22807.com-3d福彩牛人-| www.68916.com-天天彩票助手论坛| www.061303.com-我去彩票站是真的吗| www.151828.com-怎么注册汇彩网| www.243658.com-江苏快三遗漏统计表| www.325172.com-海南金禾娱乐彩票| www.397676.com-福利彩票关注数金吗| www.545266.com-福利彩票组选3开奖| www.621819.com-合法的网上购彩平台| www.687281.com-长沙体育彩票申请| www.770210.com-十十彩票怎么玩法| www.891583.com-快三怎么买稳赚| www.964235.com-精彩足球赛作文| 彩票58www.580780.com| www.it08.com-足彩竞彩开奖| www.00vp.com-彩票贪心必亏| www.74tp.com-100vip彩票网| www.1802.cn-6号平台彩票| www.39456.cc-福彩宝下载-| www.86167.cc-闲情好彩新粤彩报纸| www.040437.com-500彩票怎么样| www.148100.com-彩迷网怎么样| www.235505.com-体彩有电话投注吗| www.311465.com-山东11选五爱彩乐| www.381415.com-百花仙子七星彩数据| www.526981.com-竞彩足球中奖查询| www.611505.com-彩虹六号围攻表情包| www.682080.com-吉林快三出号计划员| www.760908.com-时时彩五星胆码公式| www.860324.com-577彩票下载| www.916160.com-怎么代理彩票投注站| www.970254.com-体彩今天开什么奖| www.kd34.com-360彩票导航| www.d59.net-彩票电脑杀号分析仪| www.35fq.com-体彩杯篮球赛| www.0553.net-幸运彩票是真钱吗| www.6947.vip-七彩虹机箱-| www.18392.com-深圳福彩官网登录| www.61006.com-足球彩票口碑排行榜| www.033169.com-中信积分换彩票查询| www.109014.com-七彩神仙鱼价格表| www.175759.com-彩神8网址版登录| www.280380.com-乐8彩下载安装| www.365216.cc-彩票导师带回血| www.450365.com-世界博彩市场| www.538120.com-99福彩怎么样| www.639908.com-东莞东方亮彩地址| www.725710.com-买福利彩票时间| www.798032.com-拉萨市体彩11选5| www.870281.com-至尊彩江苏快三主页| www.964078.com-彩吧彩票是什么意思| 8彩www.137518.com| www.fs38.com-3d福彩玩法-| www.vy93.com-福彩快三最多多少倍| www.11ik.com-彩票的条形码怎么看| www.78tv.com-不思议迷宫彩蛋整理| www.1487.net-234天空彩-| www.05126.com-正规合法的彩票软件| www.46764.com-时时彩五星二码计划| www.90698.com-乐赢彩票下载安装| www.044318.com-福彩快三中奖号| www.153909.com-福彩小黄人代理| www.236588.com-体彩大乐透领奖流程| www.305718.com-1元投注彩票| www.368673.com-七星彩中奖神器| www.454524.com-乐彩彩票骗人| www.537098.com-带彩字的霸气网名| www.659704.com-高频彩直播开奖网站| www.744385.com-9万彩票手机网页版| www.813696.com-深圳福彩生活| www.880634.com-3号彩票网app| www.964430.com-七星彩解梦数字| JJ彩票www.22503.cc| www.cj14.com-大发快三稳赢| www.sp90.com-宁海体彩店-| www.16uo.com-湖南快三开奖| www.1626.in-福彩3d试机号开奖| www.17207.com-今期财神报彩图| www.63822.cc-民政部福利彩票| www.027865.com-5亿彩是真的吗| www.100093.cc-大彩网app下载| www.158701.com-哈尔滨福利彩票中心| www.260907.com-博众彩票官网| www.326876.com-36○彩票全国| www.389336.com-网易3d彩票推荐网| www.525562.com-网易彩票预测网| www.602435.com-彩票脏了能兑奖吗| www.669116.com-外国人如何买彩票| www.733916.com-风彩万象-| www.796673.com-500竞彩历史数据| www.862941.com-今期六给彩开奖结果| www.918011.com-江苏快三选号| www.971239.com-彩皇-| www.mb16.com-风发彩票app下载| www.d33.club-高频彩开奖直播软件| www.25bb.com-爱购彩官网下载安装| www.426.in-重生中彩票小说| www.3433.top-盈盈彩手机版| www.8325.biz-彩票代销证信息查询| www.25317.com-二四六报彩神童中特| www.63034.com-彩票开奖历史20| www.051072.com-高频彩有赚钱的吗| www.125434.com-彩之家开奖下载| www.188597.com-爱彩乐上海-| www.250978.com-建行中彩啦app| www.310915.com-快三豹子下巴出什么| www.369903.com-彩票摇奖造假视频| www.449917.com-运气太差买彩票| www.527889.com-时时彩最大历史遗漏|