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.67ty.com-雅彩彩票可以提现吗| www.6298.top-彩涂卷板-| www.69zf.com-彩虹六号倍镜怎么装| www.257701.com-cp038彩票-| www.442121.com-易购彩骗局-| www.691992.com-正规的彩票-| www.815972.com-乐彩工具-| www.906590.com-福彩网正版下载安装| 博亿彩票www.669by.com| www.lu17.com-山东好彩快三| www.79.com-易发彩真能赚钱吗| www.49vn.com-乐彩网3d下载| www.002004.com-釉彩大瓶成分| www.730913.com-易彩全民快3| www.42964.com-三d开奖中彩网| www.096297.com-贵阳福彩中奖未领取| www.139475.com-致享7彩福-| www.276599.com-彩票最多反水多少| www.458737.com-竞彩交易盈亏计算| www.653010.com-时时彩手机五星缩水| www.572755.com-从彩-| www.4334.net-淼鑫彩票app| www.49398.com-appcp彩票代理| www.065385.com-必赢彩票案子结案没| www.nf39.com-皇都彩票黑平台| www.gf3.cc-六星彩开奖公告| www.022434.com-彩票语句-| www.485656.com-正规国彩平台| www.cp3455.com-河南快三投注技巧| www.670638.com-内蒙古彩票一等奖| www.863234.com-足彩19050期| www.53nw.com-体育彩票全4个多钱| www.926858.com-数字达人社区彩票| www.7196.top-体育彩票交税标准| www.46089.com-时时彩全天在线计划| www.3127.win-777福彩高手论坛| www.9395.cc-去国外彩票公司上班| www.346456.com-元红绿彩瓷器鉴定| www.909971.com-彩界联-| www.cp698.com-内蒙快三快开| www.653817.com-华人彩怎么注册| www.781516.com-吉林快3黑彩庄家| www.890716.com-幸运时时彩计划下载| www.cai8999.com吉林省长春快三| www.8723.wang-2001足彩第一期| www.vu82.com-河北快三作弊辅助| www.17vd.com-七乐彩中三个好| www.586013.com-七乐彩杀号定胆天齐| www.729734.cc-彩票中奖ps-| www.014818.com-山东彩民中3亿| www.79kh.com-彩票软件吧-| www.434518.com-贵阳市体彩兑换地址| www.268715.com-933彩票官方网站| www.363819.com-快三解锁计划软件| www.622613.com-3d彩库-| www.879.mobi-彩铅画涂色搭配技巧| www.066766.com-u9彩票app苹果| www.086062.com-幸运五星彩软件| www.28849.com-如何投诉彩票外围| www.002211.com-苏州彩票店转让58| www.086802.com-福星彩库图-| www.14577.com-虚拟足彩走势图| www.365861.cc-彩铅画市场如何| www.508809.com-平安彩票app下载| www.8818.top-南方彩票软件| www.4er.cc-怎么买彩票一夜暴富| www.237340.com-安徽体彩七星彩开奖| www.324656.com-中国福利彩票案件| www.398928.com-七星彩两期四重号| www.535396.com-d35cc天空彩| www.605159.com-加国无忧彩票中心| www.690000.com-快三网络平台哪个好| www.800835.com-福彩3d评论动态| www.900563.com-卖彩票怎么选号| www.971467.com-福彩手机报-| www.ah33.com-彩票中奖十万| www.rq34.com-5分钟开彩票| www.11cg.com-竞彩九场投注比例| www.161998.com-天天福彩客户端重听| www.13158.cc-竞彩2串一稳| www.910278.com-水果图彩报第一版| www.989008.com-彩票缴税地点| www.by66.cc-福利彩票查询结果| www.4ak.cc-体彩排列五规律图表| www.77yo.com-足彩领奖须知| www.g03.space-大数定律预测彩票| www.086177.com-竞猜足彩规则| www.162196.com-彩乐汇是什么网站| www.ml58.com-中国彩票送彩金| www.650888.cc-87彩店客服电话| www.778670.com-中国彩吧牛彩网| www.997837.com-福彩3d和差推荐| www.zs1.com-福彩开奖3d走势图| www.976314.com-彩票无人领-| www.hm04.com-上海快三怎样能稳赚| www.03sv.com-彩铅风景初级教程| www.81779.com-吉林快三怎么样| www.236673.com-足彩胜平负竞猜结果| www.337066.com-广西快三玩法| www.470070.com-辽宁福彩乐透| www.587932.com-乐彩vip有几个| www.688022.com-收彩票站-| www.796900.com-竞彩中心公告| www.901369.com-体彩大家玩什么彩| www.cai39.cc-快3彩票官网| www.695298.com-竞彩足球每天赚| www.790182.com-炫彩联盟骗局| www.868527.com-七星彩开机号| www.938873.com-龙江风采福利彩票| 凤凰彩票www.77802v.com| www.gl04.com-中华彩票快3| www.xm65.com-体彩排列三中奖号| www.07fs.com-福彩怎么算毒胆| www.xt18.com-彩票这个东西能买吗| www.19wr.com-分分彩后二组选挂机| www.84ug.com-当前体彩的发展瓶颈| www.52268.cc-彩票指南报网址| www.526.cm-在微信上遇到彩托| www.6399.org-胜负彩推荐app| www.21718.com-彩票cms-| www.990004.com-中彩在线平台下载| www.nn1.cc-湖北福彩-| www.067972.com-云彩票-| www.260397.com-网赌彩票是不是真的| www.392405.com-迪丽热巴彩铅画教程| www.025709.com-福彩3d杀码专家| www.932831.com-彩73彩票网站| 乐盈彩票www.gy11.com| www.9816.in-我要今天的彩票| www.50911.com-福彩3d杀码图今天| www.ff50.com-安徽快三和值走势图| www.157167.com-北京福彩大奖在哪领| www.337630.com-手工彩灯制作| www.599651.com-现在彩票还能买吗| www.334.club-快乐三分彩怎么玩法| www.633292.com-体彩篮球中奖规则| www.480049.com-足彩买单场胜怎么买| www.768604.com-亚博彩票安全吗| www.pj76.cc-彩票代理怎么赚钱| www.34.cm-大数据能分析彩票么| www.478856.com-竞彩冷热指数| www.69499.cc-博牛彩票查询| www.989952.com-彩漂液的危害| www.mc65.com-彩宝网3d遗漏| www.zn72.com-体彩飞鱼直选三口诀| www.696376.com-19053期胜负彩| www.775446.com-中彩网3d预测分析| www.889067.com-彩站宝实体店app| www.956980.com-百彩网网址大全| www.cai7377.com上海快三开奖爱彩乐| www.02ew.com-彩票七星彩开奖时间| www.984895.com-炫彩字体-| www.dd52.com-全球盛兴彩票登录网| www.00731.com-乐彩论坛原创| www.58786.com-福彩独胆定胆| www.019572.com-体彩竞彩比分| www.088983.com-彩票4+1多少钱| www.5467.net-附近福彩票店| www.1208.cn-彩票中5亿-| www.90760.com-彩63app下载| www.304738.com-快三每个号-| www.432228.com-澳客彩票网七乐彩| www.526767.com-怎么加入时彩军团| www.30bu.com-长春体彩到哪里兑奖|