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.232483.com-足彩规则-| www.743177.com-彩吧三d开机号今天| www.875905.com-彩票走势看法| www.666018.com-彩虹科技股票行情| www.759215.com-快乐购彩-| www.842119.com-体彩发展历程| www.917500.cc-彩票提现不了| www.977933.com-彩色纸盒-| www.c2.net-湖北快三预测一定牛| www.0650.cc-时时彩杀垃圾软件| www.282999.cc-彩票规律破解大乐透| www.208226.com-快三百分百计划| www.282207.com-台湾三分彩开奖网| www.cp2678.com-江苏快三稳赢技巧| 玩彩网www.66wcw.com| www.123388.com-追号的彩票-| www.618648.com-青岛福彩一等奖领奖| www.710097.com-加网友教彩票| www.790182.com-炫彩联盟骗局| www.886197.com-彩票676-| 亿万彩票www.770640.com| www.uk72.com-彩库宝典app下载| www.17wr.com-可以套现的彩票| www.139493.com-彩票带计划是真是假| www.230728.com-彩运8-| www.369220.com-高频彩计划手机软件| www.721058.com-彩票2元网靠谱吗| www.807492.com-彩票老师带单合买| www.2320.com-福建好彩头总部电话| www.664804.com-用彩铅画的花草树木| www.752228.com-永盛彩票官网| www.003682.com-哪个平台能玩彩票| www.zf08.com-中华购彩票-| www.154871.com-澳客网足彩凯利方差| www.237834.com-湖南福彩动物总动员| www.297990.com-兰州彩票店转让| www.768052.com-福利彩世界平台| www.3gj.com-下载京彩7515| www.128821.com-体彩和福彩的区别| www.zs4.cc-二分快三同号计划| www.612349.com-彩票内部书籍| www.697060.com-七星彩杂看下期池奖| www.020790.com-内蒙古彩票三d| www.153109.com-时时彩四胆10中九| www.ac06.com-河南福彩22选五| www.30176.com-海南体彩手机客户端| www.657429.com-七星彩开奖人是谁| www.025397.com-北京快乐彩合法吗| www.fb87.com-彩票改单技术截图| www.27wh.com-三彩的衣服怎么样| www.g07.com-彩票大数定律| www.544987.com-新淘彩网大发快三| www.926084.com-在瑞彩祥云能赚钱吗| www.c66.com-湖北快三百宝彩| www.4784.cm-彩票1216官网| www.939.cm-星彩叫夏侯姬妈| www.095555.cc-浙江体彩网11选5| www.207619.com-最新的彩票缩水软件| www.354440.com-彩票排列五预测| www.ur23.com-江苏快三三不同遗漏| www.200038.cc-幸运彩app-| www.935868.com-贵州福彩公益活动| www.79004.com-8g881彩票-| www.07ba.com-彩票的返奖面| www.549600.com-哪里有买足球彩票| www.332.cm-彩票网0800-| www.9333.win-体彩米老鼠事件| www.87783.com-500万彩票网论坛| www.039029.com-甘肃快三网上购买| www.509832.com-快三百家号-| www.577143.com-网上禁止买彩票了吗| www.8853.com-霍华德的彩票书籍| www.266108.com-高频彩票调整| www.361287.com-玩彩票微信提现| www.922677.com-人人竞彩正规吗| www.uv86.com-为何网易还能购彩票| www.jg43.com-破解福彩快三的办法| www.9356.in-开福利彩票视频| www.173872.com-下载江苏快三新版本| www.403711.com-福利彩票摇奖机几套| www.019264.com-彩票双色球查询| www.130946.com-江西彩礼一般给多少| www.jn45.com-大发快三开奖结果| www.hf27.com-快三三军什么意思| www.zc18.com-甘肃福彩体彩年度| www.150126.com-广东体彩中心在哪里| www.854408.com-分分时时彩票| www.8663.me-七星彩买奖搞笑表情| www.655841.com-小财神彩票论坛分析| www.873960.com-彩票中奖交多少税| www.967869.com-刚力彩芽-| www.k95.top-彩神大发快三诀窍| www.657671.com-体彩巨奖排名| www.441211.com-江苏中彩乐快三| www.558321.com-七彩玫瑰含义| www.357196.com-甘肃快三两天未出号| www.136589.com-彩票分析软件阿凡提| www.256765.com-彩票12下载-| www.833825.com-3d天天中彩吧字谜| www.444540.com-彩票6加1开奖查询| www.604784.com-盛源彩-| www.704509.com-128福彩下载| www.795299.com-福彩3d怎么守号| www.881928.com-佰万彩票网官方网站| 福利彩票www.99677w.com| www.251260.com-ok彩票平台-| www.61254.com-乐仑炫彩官网下载| www.730773.com-彩票返点5啥意思| www.697102.com-新加坡2分彩app| www.791499.com-开体彩店心得| www.866090.com-昨天福彩中奖结果| www.041144.com-快乐双彩综合走势图| www.539245.com-餐厅送彩票-| www.54qm.com-易彩堂彩票官网| www.26301.com-福彩排列5开奖公告| www.qh20.com-好彩蓝莓柠檬双爆| www.458733.com-大彩网正规吗| www.860755.com-好彩1871薄荷烟| www.948158.com-江西体彩中心官网| 68彩票www.68689w.com| www.858678.com-凤皇购彩平台app| www.967642.com-陌陌彩票官网| www.zb7.com-福彩快3有黑幕| www.893950.com-手机旺旺彩票正规吗| www.966538.com-爱彩票比分直播| www.010501.com-熊猫彩票网站| www.450303.com-千禧彩票9955| www.803513.com-8816彩票app| www.792488.com-福彩店转让协议书| www.866037.com-腾讯彩票下载app| www.935396.com-苹果彩票下载软件| 500彩票www.50052g.com| www.166690.com-520快三网站| www.122804.com-好运彩票精彩相伴| www.527691.com-华彩网登陆-| www.639418.com-牛牛彩票app| www.369108.com-周易如何选彩票号码| www.563283.com-广西区体育彩票| www.573662.com-追彩票冷号方法| www.771294.com-好彩堂主页-| www.940090.com-呱呱彩-| www.w24.shop-m8彩票游戏网站| www.9440.cc-福彩3d数字遗漏| www.ws9.cc-福彩新快3微信| www.846811.com-彩票案件视频| www.bk60.com-彩神网多少人被骗了| www.991367.com-海南私彩头尾规律| www.988449.com-甘肃快三的开奖号码| www.47vf.com-彩票投注西西| www.362939.com-自制彩虹鸡尾酒实验| www.327225.com-鸿鑫科技彩票平台| www.356674.com-宁波体彩中心电话| www.573079.com-什么彩票没有停售| www.678752.com-竞彩篮球的胜负结果| www.708843.com-腾讯分分彩人为改号| www.770034.com-时时彩停了怎么回事| www.824680.com-网赚彩票群可靠吗| www.889493.com-亿乐彩手机客户端| www.948055.com-四川省福彩中心| www.988034.com-彩民乐与阳光探码图| www.cp6599.com-内蒙快三昨天未出号| 购彩堂www.738742.com| www.935636.com-加微信彩票导师赚钱| www.685823.com-工商银行彩票|