最新亚洲AV网址_国产精品vr无码专区_美国精品一区二区三区四区五_亚洲无码国产精品_换妻社区国产精品,完美世界有声小说,完结小说排行榜,有声小说打包下载

微信掃碼登錄 ×
vip素材 jQuery仿支付寶導航tab切換菜單代碼
vip素材

jQuery仿支付寶導航tab切換菜單代碼

收藏
jQuery仿支付寶導航tab切換菜單代碼
jQuery制作支付寶商家頁面頂部,寬屏的導航下拉tab菜單切換代碼。這是一款實用的功能平臺網站導航菜單切換代碼。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代碼

<div class="bar">
	<div class="w1200">
		<div class="left">
			<a href="#">個人</a>
			<a href="#">商家</a>
		</div>
		<div class="right">
			<a href="#">登錄</a>
			<a href="#">注冊</a>|
			<a href="#">接入指引</a>|
			<a href="#">開放平臺</a>|
			<a href="#">幫助中心</a>
		</div>
	</div>
</div>

<div class="nav">
	<div class="w1200">
		<div class="logo">
			<img src="statics/images/logo.png" />
		</div>
		<ul>
			<li class="active one">
				<a href="#">首頁</a>
			</li>
			<li>
				<a href="#">接入指引</a>
			</li>
			<li>
				<a href="#">產品大全</a>
			</li>
			<li>
				<a href="#">解決方案</a>
				<div class="son">
					<div class="w1200">
						<div class="category">
							<dl>
								<dd class="selected">
									<a href="#">商業消費</a>
								</dd>
								<dd>
									<a href="#">政務民生</a>
								</dd>
								<dd>
									<a href="#">共享經濟</a>
								</dd>
							</dl>
						</div>
						<div class="list active">
							<dl>
								<dd>
									<a href="#">
										<span class="title">3C行業解決方案</span>
										<span class="desc">3C數碼行業的消費信貸解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">酒店行業解決方案</span>
										<span class="desc">星級與連鎖酒店支付對賬與會員營銷解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">海淘行業解決方案</span>
										<span class="desc">解決進口跨境電商行業中支付單申報痛點</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">數字閱讀解決方案</span>
										<span class="desc">數字閱讀行業支付、營銷等場景的整體解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">視頻直播解決方案</span>
										<span class="desc">適用長(短)視頻、直播等不同業態的解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">停車行業解決方案</span>
										<span class="desc">提升停車場管理效率,創新商業模式</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">旅游景區解決方案</span>
										<span class="desc">為景區景點訂制的支付與營銷解決方案</span>
									</a>
								</dd>
							</dl>
						</div>
						<div class="list">
							<dl>
								<dd>
									<a href="#">
										<span class="title new">智慧城市解決方案</span>
										<span class="desc">推進互聯網+政務創新升級</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title new">醫療行業解決方案</span>
										<span class="desc">幫助醫患雙向減負,看病就醫更簡單</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title new">物業行業解決方案</span>
										<span class="desc">提升物業管理效率與服務體驗</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">運營商行業解決方案</span>
										<span class="desc">運營商線上服務渠道方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">物流行業解決方案</span>
										<span class="desc">物流行業的資金管理解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">客運行業解決方案</span>
										<span class="desc">客運行業掃碼付款、電子票解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">中小學、幼兒園繳費解決方案</span>
										<span class="desc">解決中小學、幼兒園繳費問題</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title new">公交乘車碼解決方案</span>
										<span class="desc">助力公共交通機構的互聯網化轉型</span>
									</a>
								</dd>
							</dl>
						</div>
						<div class="list">
							<dl>
								<dd>
									<a href="#">
										<span class="title new">無人值守場景解決方案</span>
										<span class="desc">為場館、園區提供人員核身、服務結算的解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title">共享單車解決方案</span>
										<span class="desc">共享單車收付款與信用免押金服務解決方案</span>
									</a>
								</dd>

								<dd>
									<a href="#">
										<span class="title new">共享充電解決方案</span>
										<span class="desc">為商家提供的自助充電設備解決方案</span>
									</a>
								</dd>

							</dl>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>

<div class="banner">
	<img src="statics/images/banner.jpg" />
</div>

<script type="text/javascript">
	$(function() {
		$('.nav li:not(.one)').hover(function() {
			$(this).toggleClass('active');
			$(this).find('.son').toggleClass('active');
		})
		$('.son .category dl dd').click(function() {
			var i = $(this).index();
			$(this).addClass('selected').siblings().removeClass('selected');
			$('.son .list').removeClass('active').eq(i).addClass('active');
		})
	})
</script>

使用聲明

1. 本站所有素材(未指定商用),僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后,只擁有使用權,著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材,未經合法授權,請勿用于商業用途,會員不得以任何形式發布、傳播、復制、轉售該素材,否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統商業用途請預先授權。

  • 軟件 Dreamweaver
  • 格式 HTML
  • 作者 迷茫
x
×
×

注冊

QQ注冊 立即下載 微信注冊 立即下載

簽到成功!

已連續簽到1天,連續簽到3天可獲得50積分

知道了
主站蜘蛛池模板: 木里| 资中县| 日土县| 乌审旗| 白城市| 衡水市| 乐昌市| 仁怀市| 巨野县| 平阴县| 呼和浩特市| 宿松县| 綦江县| 泰顺县| 彝良县| 清徐县| 高要市| 都兰县| 特克斯县| 交口县| 托克托县| 连州市| 泗水县| 临桂县| 郎溪县| 尚志市| 抚顺市| 綦江县| 河间市| 贺兰县| 梨树县| 西华县| 平谷区| 达州市| 增城市| 新龙县| 亚东县| 武隆县| 东台市| 汾西县| 陇川县|