用原生JS實現jQuery文字上下滑動導航效果代碼



104 413 138



特效描述:文字上下滑動導航 導航效果代碼,

代碼結構

1. HTML代碼

<div id="nav">
	<ul>
		<li class="current">
			<a href="http://www.17sucai.com/">
				<strong>
					<span>首頁</span>
					<span class="active">首頁</span>
				</strong>
			</a>
		</li>
		<li>
			<a href="http://www.17sucai.com/">
				<strong>
					<span>前端開發課程</span>
					<span class="active">前端開發課程</span>
				</strong>
			</a>
		</li>
		<li>
			<a href="http://www.17sucai.com/">
				<strong>
					<span>妙味視頻教程</span>
					<span class="active">妙味視頻教程</span>
				</strong>
			</a>
		</li>
		<li>
			<a href="http://www.17sucai.com/">
				<strong>
					<span>周末班上課安排</span>
					<span class="active">周末班上課安排</span>
				</strong>
			</a>
		</li>
		<li>
			<a href="http://www.17sucai.com/">
				<strong>
					<span>結課標準</span>
					<span class="active">結課標準</span>
				</strong>
			</a>
		</li>
		<li>
			<a href="http://www.17sucai.com/">
				<strong>
					<span>聯系妙味</span>
					<span class="active">聯系妙味</span>
				</strong>
			</a>
		</li>
	</ul>
</div>



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 文字滑動 文字滑塊
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子