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.db82.com-彩神x苹果版| www.327345.cc-福利彩票排行榜| www.236960.com-竞彩心理误差| www.9070.biz-人物彩铅画-| www.178738.com-安徽省快三开奖结果| www.32404.com-足彩分析工具| www.092566.com-河南农村彩礼多少钱| www.036166.com-彩票网址排行| www.738.cm-竞彩网稳胆推荐| www.ha38.com-v湖北快三结果| www.703668.cc-998彩票app-| www.638732.com-国民彩票网-| www.017937.com-乐赢彩票app| www.920900.com-体彩跨度走势| www.68299.cc-网上投注快三骗局| www.272758.com-江苏快三走势图牛| www.456064.com-最新送彩金菠菜网站| www.xt76.com-彩票就是运气吗| www.29xi.com-西蔓色彩8大季型| www.1518.wang-3d精胆天下彩报| www.25642.com-投乐彩官方网站| www.579240.com-牛蛙彩票7792| www.660679.com-重庆时时彩有哪些| www.732543.com-乐游彩票app| www.811509.com-彩票信息查询| www.161793.com-美国快三下载| www.fm26.com-贵州福利彩票网| www.4004.biz-澳门官方彩票| www.169306.com-大发快三走势图今天| www.250256.com-爱彩票app-| www.510.me-怎么玩好大发快三| www.9590.loan-360彩票3d-| www.65455.cc-双色球走势彩票分析| www.039396.com-七彩网是合法的吗| www.130015.com-体彩大乐透中奖说明| www.093591.com-彩票造假事件| www.kb4.com-贵州快三下载安装| www.666172.com-新浪竞技彩票中心| www.756350.com-大乐透彩票专家推荐| www.871940.com-彩票缩水app| www.949054.com-双彩网手机版| www.hg87.com-快三最佳买二不同法| www.269644.com-彩票九最新版本下载| www.365838.com-体彩大小遗漏| www.572276.com-好彩网首页下载| www.667898.cc-福利彩票的主人是谁| www.746422.com-酷彩吧能买彩票吗| www.820980.com-彩钢板上怎么开大孔| www.905229.com-我在亿彩彩票输了| www.971357.com-厦门彩票-| www.cp6877.com-北京快三遗漏数据| www.816407.com-跟计划买彩票| www.594605.com-优乐彩可靠谱吗| www.679722.com-私人发行彩票| www.766308.com-湖北体彩快3结果| www.227.in-22e彩票-| www.cw16.com-手机彩票排名| www.21at.com-9万彩票下载苹果| www.700946.com-彩票官网软件下载| www.825965.com-七星彩老鼠精长局图| www.913585.com-彩吧彩民之家| www.980588.cc-百盈快三和值计划| www.hc67.com-青海百宝彩票快3| www.6267.xyz-逆袭腾讯分分彩计划| www.20545.com-汇发彩金app| www.069916.com-彩神争霸团队| www.142806.com-福彩3d自动选号器| www.897725.com-多彩贵州网湄潭新闻| www.986342.com-金手指彩票网| www.oe57.com-彩票平台送彩金| www.035237.com-青岛快三平台| www.436342.com-九州博彩的网址| www.566052.com-中华彩吧红包雨| www.668853.com-百度华人彩票| www.759513.com-最好的福彩预测软件| www.862174.com-zucp福彩体彩| www.965228.com-中国体育彩票的规则| www.cai7377.com上海快三开奖爱彩乐| www.00034.com-爱投彩票怎么样提现| www.411538.com-牛彩网3d精准杀号| www.561381.com-彩坛至尊精品料| www.656533.com-彩之家预测-| www.739811.com-快乐十分彩票官方| www.834860.com-乐米炫彩是什么| www.920076.com-时彩族官网-| www.987176.com-网络彩票投注员兼职| www.dt50.com-手机苹果彩票app| www.d26.hk-七位数风彩走势图| www.79af.com-体彩和值带线走势| www.166833.com-快三手机助手| www.44752.com-瑞典一分彩-| www.628810.com-福彩奖池金额| www.347311.com-易盈彩票合法吗| www.494883.com-彩漂剂成分-| www.589793.com-双彩论坛最大字迷区| www.692942.com-竞彩完场比分005| www.768683.com-足球彩预测app| www.842121.com-彩票未来发展方向| www.922389.com-深圳福利彩票店转让| www.984010.com-彩票365怎么样| www.tv4.cc-北京快三计划软件| www.zo01.com-好彩3缩水技巧| www.961049.com-时时彩反倍投不行| www.652.date-十大网彩黑桃k| www.5726.top-福彩3d直选位积和| www.023537.com-体彩排列五速查表| www.5662.cc-重庆时时彩停吗| www.110159.com-爱彩乐彩票数据提醒| www.238289.com-皇都彩票安卓版| www.963669.com-买足球彩票规则| www.908547.com-人人中彩票骗局揭秘| www.977350.com-微彩票官网-| www.144030.com-足球体彩-| www.078039.com-鸿福彩票骗局| www.171122.com-福利彩快3怎么玩| www.256445.com-王者彩票手机客户端| www.370256.com-玩彩票赢了-| www.540548.com-安徽快三走势图电视| www.648598.com-什么平台有香港快三| www.768768.com-彩票注册送68彩金| www.848865.com-体育彩票即开型彩票| www.979960.com-农村开彩票店怎么样| www.090931.com-纵彩下载-| www.289236.com-快三单式规则| www.400669.com-七星彩18139| www.568426.com-中国广西体育彩票网| www.701023.com-足彩对阵表分析| www.804677.com-彩之网试机号绕胆图| www.932555.com-快三平台怎么查| www.a85.club-大发快三走势规律图| www.55dw.cc-彩票33-| www.1337.com-七乐彩单式有几个数| www.670912.com-重庆时时彩b盘| www.789336.com-彩票怎样看中奖号码| www.887270.com-天天购彩网登录| www.44bf.com-博彩是干什么的| www.20779.com-百万彩票app网址| www.10584.com-足球彩票大奖| www.55404.com-一组彩票几位数字| www.009075.com-贴吧彩票-| www.257395.com-58彩票网是黑彩吗| www.37ci.com-时彩游戏下载| www.3156.win-体育七彩票808版| www.777851.com-开私彩网站-| www.cai6177.com江苏快三基本走势图| www.17wr.com-可以套现的彩票| www.6081.vip-彩色纸箱厂家批发| www.62968.com-彩客科技-| www.799950.com-快彩网什么时候开始| www.5547.cn-彩票书籍有哪些| www.52381.cc-天猫彩票-| www.653983.com-赢彩彩票真实吗| www.770335.com-港免绿好彩-| www.886583.cc-彩61下载网址| www.966843.com-保时捷娱乐彩票注册| www.cp5466.com-北京快3走势图彩票| www.341862.com-pk彩票安卓版下载| www.509162.com-万利彩票手机客户端| www.690993.com-篮球竞彩500| www.95cb.com-老牛足彩分析| www.4709.cc-中彩网彩票专家预测| www.17317.com-3d彩票怎么算中奖| www.79927.com-红玺国际网上彩票| www.065566.com-网站上买彩票被骗|