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天

知道了
彩01彩票 www.zu19.com-腾讯分分彩后4玩法| www.028950.com-全球彩票下载| www.116968.com-足彩胜平负预测| www.665454.com-新加坡彩票规则| www.857368.com-体彩超绍大乐透开奖| www.a15.club-体彩标识-| www.871741.com-家家好彩开奖| www.996490.com-彩票软件计划安卓版| www.rh58.com-香港行政快三预测| www.63qd.com-彩票源代码下载| www.5192.cn-3d彩吧助手走试图| www.261607.com-体彩篮球竞猜| www.32qt.com-我搜一下福利彩票| www.469550.com-掌上福彩宝典安卓| www.609275.com-周易解梦七星彩号码| www.765018.com-足球彩票网址| www.976398.com-唯彩会彩票开奖下载| www.6833.cm-快三豹子出现的概率| www.111807.com-广发彩票主页| www.293731.com-1分快三计划表| www.801035.com-今日银海彩票工作室| www.993327.com-足彩竞彩停售时间| www.m81.site-体彩竞彩输了很多钱| www.960845.com-手机933彩票下载| www.381.website牛彩彩票下载| www.6274.vip-彩虹8下载app| www.727965.com-亿彩票老板是谁| www.660045.com-3d彩票ai预测| www.737929.com-彩神好喷绘机| www.8624.cc-带走势图的彩票软件| www.6133.cc-马彩三中三-| www.yn04.com-体彩算法-| www.53uc.com-彩票营销攻略| www.0028.org-彩票你最多中多少| www.29ni.com-彩铅画明星图片| www.34882.com-福彩3d体彩缩水| www.78187.com-幸运彩票能赚钱吗| www.436429.com-星彩娱乐是不是骗子| www.688298.com-东莞体育彩票兑奖| www.835989.com-顺丰彩票中奖率高吗| www.972539.com-彩铅动漫男生| www.fw18.com-宝马彩票app软件| www.2086.in-江苏福彩七乐彩规则| www.397702.com-福彩谜语图-| www.026372.com-彩票网站搭建成本| www.62811.cc-时时彩高手资料| www.926929.com-256彩票-| www.xj5.com-贵州体彩下载软件| www.062702.com-优信快三彩票| www.141311.com-买二分彩技巧| www.239652.com-贵州快三选五一定牛| www.332503.com-时时彩黑平台曝光| www.940775.com-全国快三最多的网站| www.985750.com-福彩时时乐官网| www.cr6.com-三分快三开奖规律| www.lt44.com-快三的代理的平台| www.b69.cc-火箭彩票app下载| www.19yp.com-体彩排列3彩票| www.63sl.com-足彩单关购彩| www.2324.biz-二分彩专业计划| www.602551.com-囍彩票-| www.711939.com-e彩票骗局揭秘| www.783353.com-体彩七星彩开奖日期| www.865890.com-熊猫彩票改资料| www.939056.com-杨震足彩新浪博客| www.995926.com-新浪足球胜负彩票| www.wb3.com-四川快三开奖结果| www.pn12.com-精彩十分福利彩票| www.09ok.com-彩生活总部投诉电话| www.83cv.com-幸运彩17500| www.1933.tv-黑客彩票-| www.6837.cn-常踉版3d彩报| www.585493.com-福彩网彩钟| www.666214.com-航天彩虹干嘛的| www.33737.com-703彩票网正规吗| www.19711.cc-山东体彩网技巧论坛| www.67320.com-江苏省福彩一等奖| www.8640.vip-中乐彩平台靠谱吗| www.377197.com-qq7彩-| www.494442.com-急兑彩票站出兑沈阳| www.567060.com-彩虹图画-| www.628581.com-福彩官方电话号码| www.688012.com-不限ip彩票送彩金| www.755967.com-好彩网摘彩网| www.823810.com-天吉福彩论坛| www.117208.com-体彩七星彩怎么玩| www.268956.com-分分彩漏洞解释| www.339402.com-天天中彩票软件| www.405458.com-彩票合买保底赚钱| www.500425.com-彩票公司好做吗| www.559916.com-彩票收藏吧-| www.622592.com-排列五私彩app| www.681528.com-辽宁体彩中心地址| www.760597.com-时时彩平台软件| www.820059.com-范县结婚彩礼| www.882747.com-中国体彩排列五历史| www.945557.com-河南农村彩礼多少钱| www.985342.com-体彩扑克牌开奖结果| www.cp7771.cc-福彩3d基本走势图| www.292002.com-福彩时时乐开奖| www.075572.com-优信彩票平台网址| www.168495.com-湖北快三走势图表| www.276080.com-七乐彩等级奖金| www.382138.com-创名彩票下载| www.506208.com-广西快三网站| www.592253.com-彩票群是真的吗| www.699315.com-彩神挣霸-| www.827675.com-千禧彩票备用网址| www.973814.com-彩票预测3b-| www.pe83.com-河北快三套选规则| www.584699.com-好彩13app-| www.22623.cc-中国福彩时时彩开奖| www.86037.com-最近彩票开奖| www.3667.wang-足彩滚球是什么意思| www.2276.vip-3d彩民乐摇钱树| www.744687.com-新华网彩票-欢迎您| www.150345.cc-下载全民福彩票| www.281804.com-时时彩2元开奖结果| www.484832.com-多彩网彩票怎么样| www.642323.com-彩世界时时宝典下载| www.762653.com-众博彩票是合法的吗| www.932991.com-福建体彩31新规则| www.rl49.com-北京快三下注官网| www.51fd.cc-彩票店彩票app| www.168686.com-大发快三屠龙是什么| www.098797.com-购买彩票的软件| www.252879.com-体彩打票员怎么对账| www.440408.com-河北银行库管买彩票| www.603831.com-佬佬牛足彩博客| www.667888.com-博猫彩票改名| www.739886.com-万博彩票首页| www.825310.com-竞彩猫直播间| www.805862.com-福彩刮刮乐中奖技巧| www.qi30.com-彩8是正规的吗| www.149583.com-百万彩票是哪个平台| www.59fs.com-足球计算机竞彩网| www.7660.vip-彩票素材-| www.715856.com-海南七星彩微信诈骗| www.745534.com-彩票刮刮乐软件下载| www.694407.com-运盛娱乐彩票下载| www.919340.com-彩票平台架设搭建| www.706322.com-优乐时时彩平台| www.877106.com-福星彩开奖结果| www.ih68.com-福利彩票安卓版| www.1927.tv-福彩3d组选统计表| www.503963.com-怎么查福彩电子票| www.rk78.com-那个彩票中奖率最高| www.74866.com-中国彩票业发展现状| www.213156.com-三分时时彩有多假| www.ep35.com-百盈快三开奖结果| www.067812.com-彩票app制作过程| www.xk54.com-亿网彩票app下载| www.521495.com-来彩网app-| www.660511.com-白菜彩票论坛大全| www.ds42.com-苹果福彩下载安装| www.3440.org-彩票站微信营销| www.22616.com-玩彩票平台有哪些| www.814838.com-3d图谜汇总牛彩网| www.921959.com-彩神8快3苹果版| 大赢家彩票平台www.591032.com| www.uf32.com-乐彩神靠谱吗| www.11ho.com-时时中彩票官方网| www.499847.com-后天彩票开奖| www.577592.com-江西时时采彩开奖|