jquery仿京東頁面浮動的網站樓層導航代碼



158 628 210



特效描述:頁面浮動 樓層導航,jquery網站樓層導航,樓層導航,頁面浮動導航,仿京東浮動導航。

代碼結構

1. 引入JS

<script src="./jquery-1.7.2.min.js"></script>

2. HTML代碼

	<div id="box">
		<ul>
			<li>
				<a class="num" href="javascript:;" style="display:none">1F</a>
				<a class="word" href="javascript:;" style="display:block">服裝</a>
			</li>
			<li>
				<a class="num" href="javascript:;">2F</a>
				<a class="word" href="javascript:;">美妝</a>
				</li>
			<li>
				<a class="num" href="javascript:;">3F</a>
				<a class="word" href="javascript:;">手機</a>
			</li>
			<li>
				<a class="num" href="javascript:;">4F</a>
				<a class="word" href="javascript:;">家電</a>
				</li>
			<li>
				<a class="num" href="javascript:;">5F</a>
				<a class="word" href="javascript:;">數碼</a>
			</li>
			<li>
				<a class="num" href="javascript:;">6F</a>
				<a class="word" href="javascript:;">運動</a>
				</li>
			<li>
				<a class="num" href="javascript:;">7F</a>
				<a class="word" href="javascript:;">居家</a>
			</li>
					<li>
				<a class="num" href="javascript:;">8F</a>
				<a class="word" href="javascript:;">母嬰</a>
			</li>
			<li>
				<a class="num" href="javascript:;">9F</a>
				<a class="word" href="javascript:;">食品</a>
			</li>
			<li>
				<a class="num" href="javascript:;">10F</a>
				<a class="word" href="javascript:;">圖書</a>
			</li>
			<li class="last">
				<a class="num" href="javascript:;">11F</a>
				<a class="word" href="javascript:;">服務</a>
			</li>
		</ul>
	</div>
	<img src="./pic.gif" alt="" />



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 浮動 懸浮 懸浮層 懸浮框 浮動層 浮動框 浮動插件 懸浮插件 浮動提示框 浮動菜單 浮動導航
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表