原生js鼠標懸停彈性滑動導航菜單效果代碼



81 321 108



特效描述:懸停彈性導航 滑動導航 菜單效果代碼,彈性滑動導航效果,就像是通過flash實現的,彈性效果非常好,兼容各大瀏覽器,連苦逼的IE6也做上了兼容,小伙伴們快快下載吧,不會讓你們失望的!

代碼結構

1. 引入JS

<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script type="text/javascript" src="move.js"></script>

2. HTML代碼

<div id="box">
	<h2>
		<a href="#">彈性滑動導航效果</a>
	</h2>
	<ul>
		<li>
			<img src="images/1.jpg" alt="javascript高級前端開發課程"/>
			<a href="#">JavaScript<br /><span>高級前端開發課程</span></a>
			<span class="bg"></span>
		</li>
		<li>
			<img src="images/2.jpg" alt="XHTML+CSS高級頁面架構師課程" />
			<a href="#">XHTML+CSS<br /><span>高級頁面架構師課程</span></a>
			<span class="bg"></span>
		</li>
		<li>
			<img src="images/3.jpg" alt="CSS網頁制作零基礎網頁制作課程" />
			<a href="#">CSS網頁制作<br /><span>零基礎網頁制作課程</span></a>
			<span class="bg"></span>
		</li>
	</ul>
	<h1><a href="#"><span>彈性滑動導航效果</span></a></h1>
</div>



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


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子