华南俳烁实业有限公司

你見過這樣的導(dǎo)航菜單嗎？導(dǎo)航菜單圍繞著網(wǎng)站Logo不停地旋轉(zhuǎn)，而一旦你把鼠標(biāo)移到菜單上，旋轉(zhuǎn)立即停止，在顯示網(wǎng)站logo的地方顯示出這個菜單鏈接的內(nèi)容簡介，點(diǎn)擊鏈接將鏈接到指定的網(wǎng)頁。一旦你的鼠標(biāo)離開菜單，導(dǎo)航菜單又繼續(xù)不停地旋轉(zhuǎn)。你看這種導(dǎo)航菜單是不是既吸引人又貼近用戶。本文例子如下圖所示。是不是想在自已的網(wǎng)頁上也放上一個，其實制作起來也不太難。

制作思路：要使頁面的內(nèi)容旋轉(zhuǎn)起來，用圖層和Javascript程序是肯定的了，要使圖層的運(yùn)動軌跡是一個圓，這要用到圓的參數(shù)方程，這是一個數(shù)學(xué)問題，不懂也沒關(guān)系，程序我已寫好，你只要復(fù)制就行了。關(guān)于鼠標(biāo)指到某個鏈接就顯示該鏈接的內(nèi)容簡介，這是圖層的visible屬性控制，用Dreamweaver的網(wǎng)友，用Behaviors很容易實現(xiàn)，不過在本文中我自編了一個小程序來控制圖層的visible屬性，以便不用Dreamweaver的網(wǎng)友也能很容易地做出本文的效果。

制作方法：

1、把下面這段程序插入到網(wǎng)頁源代碼的與之間：

引用本程序時，注意以下幾點(diǎn)：

1）可通過修改旋轉(zhuǎn)半徑來調(diào)整旋轉(zhuǎn)范圍的大��；

2）修改旋轉(zhuǎn)中心的X、Y坐標(biāo)，可以把旋轉(zhuǎn)效果移到頁面的任何地方。