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.sy6.cc-福彩三d开奖号码| www.973107.com-凤彩网彩票app| www.53729.com-时时彩计划不稳| www.255629.com-彩票网名大全| www.758302.com-体彩提成是多少| www.902439.com-吉林快三一共多少期| www.979703.com-体彩投注站申请| www.ia42.com-体育彩票快乐扑克3| www.297797.com-苏州快三的开奖| www.383088.com-县城体彩刮奖| www.220536.com-北京5分彩官方数据| www.333410.com-分分彩彩票计划软件| www.518011.com-福彩3d实票晒| www.162797.com-甘肃快三统计| www.078132.com-福彩端是真的么| www.b85.pw-彩投什么意思是什么| www.454763.com-玩分分彩犯法吗| www.861829.com-腾讯分分彩中奖计划| www.7228.loan-绿好彩港版多少钱| www.353012.com-那个彩票平台最正规| www.487805.com-福彩3d詹天佑| www.569665.com-合买彩票提成| www.654940.com-霞光溢彩是啥意思| www.738648.com-微信群福利彩票快3| www.812567.com-百度快乐彩走势图| www.894851.com-中国福利彩票公开奖| www.965650.com-新加坡彩票-| www.cai93.com-快三贵州-| www.967876.com-快三复式中奖查询表| www.318102.com-福彩开奖是星期几| www.406510.com-江苏彩礼排行榜| www.517678.com-牛彩下载-| www.588899.cc-体彩七星彩那天开奖| www.400412.com-七星彩今晚开奖规律| www.3482.me-天天买彩票腾讯| www.20er.com-19022期胜负彩| www.6967.biz-网络时时彩害人| www.yl2.com-彩票10选5-| www.oi67.com-彩圣网免费料大全| www.11246.com-足彩彩比分-| www.730969.com-足彩必发交易量| www.953603.com-足彩任九投注高手| www.33iw.com-云南十分彩开奖| www.5405.xyz-8彩票平台-| www.627733.com-双色球乐彩字谜图谜| www.745451.com-彩票顶呱刮计划| www.859365.com-云购彩票我的账户| www.963084.com-澳洲幸运5彩票计划| www.hw4.com-彩票什么叫屠龙| www.ze28.com-湖北快三口诀| www.49qq.com-福利彩票中心电话| www.53372.com-时时彩照片-| www.032007.com-香港419cc彩票| www.119960.com-快三倍投法-| www.144316.com-728彩票旧版| www.334925.com-江苏快三走遗漏| www.766337.com-手机彩票代理加盟| www.9322.com-佛弟子能买彩票吗| www.25992.cc-彩虹象征着什么| www.74973.com-分分彩后二稳赚技巧| www.213817.com-河北快三计划软件| www.935273.com-苹果app彩票| www.995654.com-竞彩群-| www.fw45.com-百合彩票-| www.bp34.com-彩票01下载-| www.4by.com-体彩史上最大奖| www.333.org-魔方彩票国王皇后| www.719337.com-彩吧论坛下载安装| www.oy50.com-江苏e球彩中奖表图| www.141824.com-彩八彩票可靠吗| www.223138.com-福彩端合法吗| www.981661.com-大成彩票-| www.5049.vip-足彩为什么停售| www.772464.com-广西彩票最近中奖者| www.070052.com-快三开奖遗漏号码| www.55570.com-三分时时彩历史开奖| www.0478.net-彩箱包装厂多少钱| www.954841.com-七彩娱乐怎么注册| www.570365.com-昆明七彩云南图片| www.64066.cc-老郑足彩博客| www.931660.com-快中彩票app下载| www.cb98.com-51彩票主页-| www.055572.com-福彩福建快3心得| www.sw57.com-七星彩算法-| www.yz03.cc-彩票澳门快三| www.993024.com-快三360奖金| www.fr24.com-百盈快三规律分析| www.f60.shop-彩票图纸3d今天的| www.623793.com-303彩票下载| www.833436.com-口袋彩店官网下载| www.nu76.com-288彩票网-| www.885.online-彩铅唯美古风人物画| www.011879.com-星期天19号的彩票| www.o99.cn-体彩排列3中奖说明| www.fb.cc-河北快三开奖规则| www.911899.com-乐彩vip网站| www.258013.com-皇都彩票可信吗| www.115996.com-菏泽单县彩礼顺口溜| www.441446.com-福彩专业毒胆| www.qy45.com-一分时时彩开奖查询| www.0659.xyz-福彩有没有分分彩| www.950864.com-趋势软件彩-| 中华彩票www.9149q.com| www.bd07.com-私彩平台漏洞| www.029972.com-快三福彩苹果助手| www.594342.com-网易红彩竞彩专家| www.666195.com-青岛福彩老年公寓| www.179.loan-彩铅人物写实| www.tj21.com-3d福彩开奖号| www.95ud.com-福彩通有风险吗| www.6796.biz-中国t体育彩票| www.962508.com-福彩双色球兑奖方式| 博友彩www.455518.com| www.d98.net-竞彩欧赔初赔绝密| www.973411.com-温州福彩网阳光征召| www.243109.com-福彩江西快3玩法| www.362787.com-买彩票亏了-| www.98137.com-分分快三万能码| www.83885.com-福利彩票七彩乐时间| www.860915.com-体彩站点编号查询| www.971241.com-最新彩迷天地联销图| www.cp936.com-百度快三彩票合法吗| www.385043.com-怎么买彩票中奖风水| www.136853.com-99彩票网页版| www.762608.com-正版香港挂牌彩图| www.85900.com-安徽体彩6十1走势| www.080638.com-南洋彩现场开奖| www.ws86.com-快三速查表和值图片| www.829098.com-梦见别人中彩票兑奖| www.23236.com-时时彩五星单式方法| www.va12.com-福彩快三好假坑人| www.ni82.com-全天实时彩计划| www.306353.com-388彩票app-| www.18000.cc-高频彩兼职是真的吗| www.076601.com-老梁揭秘彩票那些事| www.204749.com-下载江西福彩快三| www.303797.com-鑫彩网真的黑| www.399001.com-七星彩特区论坛精选| www.yk08.com-澳门彩票投注哪家好| www.7158.org-八面通七彩电影城| www.582560.com-福彩开奖试机号字谜| www.bq90.com-至尊彩快3软件下载| www.003005.cc-彩六ela全民| www.787824.com-体彩排列5今天开奖| www.322362.com-最稳的彩票计划软件| www.833852.com-广东福彩好彩一开奖| www.431.tv-31选7彩宝网| www.137912.com-贵阳体彩兑奖中心| www.026031.com-app淘彩票-| www.nx92.com-一分钟一期百盈快三| www.x97.cn-彩票联盟推荐| www.158934.com-体彩月球独胆专家| www.7728.net-四季彩app下载| www.69421.com-玩乐彩-| www.0288.in-彩票销售业主总结| www.9180.biz-盈利彩是正规网吗| www.71821.com-购彩软件排行| www.732797.com-今日足球竞彩让胜负| www.810839.com-购彩之家app下载| www.874334.com-齊魯福彩-| www.669582.com-实名制购彩票的规定| www.cp3211.com-快三开奖一定牛| www.837608.com-福彩3开机号试机号| www.8803.in-南国论坛七星彩图|