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.866767.com-周六晚上开什么彩票| www.od37.com-福体彩开奖查询结果| www.678294.com-万优彩票导航站| www.636244.com-pc福彩得玩法| www.010269.com-福彩3d报纸和图案| www.9071.org-九龙官网彩霸王| www.025529.com-大发彩票是骗局吗| www.331772.com-网络彩票平台代理| www.117206.com-绵阳体彩管理中心| www.322545.com-盛兴彩票v3入口| www.534666.com-彩票2元网下载官网| www.886693.com-大小单双彩票违法吗| www.pw28.com-彩票什么叫砍龙| www.72df.com-彩票中奖新闻真假| www.220275.com-北京快三公交路线| www.uv47.com-快三老玩家经验| www.802.club-彩票六壬-| www.8731.cc-竞彩推单哪个靠谱| www.57311.cc-168时时彩app| www.006164.com-外围彩票网站排名| www.557989.com-海南四星彩开奖号吗| www.663305.com-彩民直通车网页| www.760393.com-彩神人大乐透专栏| www.898272.com-私彩术语-| www.990594.com-南京彩票店转让| www.cu94.com-开一个黑彩需要什么| www.721905.com-彩票走势大全| www.838407.com-中国竞彩计算器篮球| www.949209.com-pc28彩票代理| 如意彩票www.858659.com| www.709310.com-彩票达芬奇密码算法| www.080345.com-体彩生肖乐-| www.212684.com-哪个私彩平台最大吗| www.582181.com-福彩门户ok58| www.16361.com-彩票领奖遇到刁难| www.157933.com-竞彩足球投注软件| www.98lo.com-广东体彩网点征召| www.949649.com-彩78彩票软件| www.cp7893.com-福彩快三开奖查询| www.tq13.com-彩票店可以买足彩吗| www.01pa.com-体育彩票世界杯文案| www.79df.com-9672号彩票-| www.2218.site-体彩排三断组专家| www.8367.cc-小辣椒七星彩软件| www.dj55.cc-玩彩-| www.942198.com-赢彩彩票app| E彩堂www.43818h.com| www.64ih.com-迷彩短裤配什么鞋| www.1818.site-三位数体彩-| www.307398.com-爱彩乐十一选五| www.dp90.com-快三靠谱吗-| www.cp2997.com-福彩快三骗局害死人| www.3904.cc-5o0足球竞彩网| www.79zm.com-体彩领导被抓| TT彩票www.526051.com| www.568935.com-安徽快三开奖40期| www.578010.com-东北快三多少期| www.321148.com-昨天的彩票开奖情况| www.819238.cc-彩票民间高手| www.975.live-买彩票不中表情图片| www.383780.com-山西福利彩票块3| www.506081.com-乐盈彩票吧-| www.mp9.com-江苏快三怎么推算| www.5341.cc-彩票账户余额查询| www.822559.com-台湾彩虹旗论坛| www.947467.com-好彩论坛高手| 彩票3www.890723.com| www.13263.cc-竞猜彩误差值| www.92141.com-九龙中彩老板包料| www.078019.com-彩八仙app苹果| www.153817.com-310足彩什么意思| www.15gh.com-大富彩票网登陆网址| www.799138.com-玩运彩朋友圈| www.ao63.com-安徽快三开奖和值图| www.824661.com-福利彩票3d大本营| www.906721.com-福彩胆码-| www.980122.com-竞彩让球胜平负推荐| www.fp08.com-足球彩票比分直播| www.26813.cc-七星彩购买技巧| www.811881.com-足彩310直播| www.906598.com-安徽快三经彩网| www.971502.com-厦门福彩-| 大赢家彩票www.658056.com| www.jt86.com-乐彩网7500-| www.pk18.com-彩经网首页-| www.t15.club-蚂蚁彩票靠得住吗| www.xs20.cc-买彩票全靠运气吗| www.9622.net-神马彩票网-| www.85554.cc-彩票翻倍计算| www.760313.com-秒速分分彩在线预测| www.896121.com-国彩网是正规的吗| www.978284.com-广元彩钢厂-| www.er09.com-江苏快三计划网页版| www.3cx.cc-福建福彩网开奖结果| www.4738.biz-彩票可以折叠| www.3311.tv-福利彩票图片美图| www.9527.xyz-彩色沥青设备生产厂| www.54920.com-福彩三d缩水器| www.003498.com-南国彩票七星解诗网| www.385723.com-体彩排列技巧三口诀| www.561508.com-快三规律怎么看| www.np01.com-彩票概率计算软件| www.899274.com-彩6c彩票-| www.956683.com-错打彩票赔钱| www.998164.com-海口七星彩开心网| www.bk47.com-鳄鱼彩票网大乐透| www.rp96.com-黑彩网址攻击软件| www.152348.com-网络快三购买| www.99kk.com-彩票能研究出来吗| www.305351.com-收购中奖彩票送礼| www.364078.com-vr3分彩怎么玩| www.427175.com-网上彩票靠谱么| www.106290.com-国外彩票有哪些| www.183881.com-河南快三和值走势图| www.771530.com-上海彩票店申请流程| www.16ha.com-体育彩票加盟费用| www.3085.org-福利彩票开奖日| www.580337.com-即开型体育彩票技巧| www.742525.com-新星彩正版资料站| www.872605.com-湖南体彩赛车走势表| 500彩票www.652331.com| www.wb11.com-兰州市福彩中心地址| www.251911.com-江苏快三能玩吗| www.20lx.com-体育彩票样票| www.743046.com-百度懂彩宝-| www.06116.com-竞彩店经营-| www.77769.cc-福彩开奖上期结果| www.062865.com-淘宝彩票手机版| www.877058.com-猜冠军彩票-| 福彩网www.603854.com| www.1704.com-数字型彩票特点| www.086299.com-福利彩票快三和值图| www.162272.com-竞彩足球推荐网易| www.263949.com-乐优彩票-| www.390023.com-新加坡鸿乐彩开奖| www.520592.com-快三是现场摇奖么| www.3450.top-520幸运彩-| www.48876.com-有没有破解分分时彩| www.290794.com-澳门五分彩开奖查询| www.378515.com-k彩的邀请码多少| www.550289.com-优彩环保ipo| www.601406.com-大乐透酷彩吧真的吗| www.658497.com-天天彩开奖结果| www.713191.com-做美人鱼彩票犯法吗| www.780767.com-黑客攻击高频彩票| www.835923.com-好彩牛彩-| www.886501.com-万博彩票邀请码谁有| www.963393.com-足彩19048-| 彩多多www.78949f.com| www.064343.com-致富福彩下载| www.402813.com-七星彩表下载安装| www.747178.com-全球彩票所有版本| www.47fw.com-乐透啦买彩票可靠吗| www.881102.com-黑彩票排名| www.942778.com-为什么讨厌刚力彩芽| www.987609.com-福彩3d追号方案| www.al53.com-福彩藏机图今天| www.727081.com-明彩-| www.850727.com-时时彩是有规律的| www.919089.cc-买外围彩票软件| www.984898.com-有玩彩运8的吗| www.gp3.cc-河南福彩幸运彩| www.la99.com-新星彩免费中彩| www.p23.cc-体彩一共多少个数字|