要是能夠像那些專業(yè)站點(diǎn)一樣制作出令人心動的網(wǎng)頁菜單當(dāng)然是再好不過的了，如果你并不會這些JavaScript技術(shù)也沒有關(guān)系，就由WebMenuShop在短短的幾分鐘之內(nèi)讓你的主頁增色不少。

　　WebMenuShop是一款用于快速建立網(wǎng)頁菜單的軟件，可以很輕松的制作形式多樣的網(wǎng)頁菜單，在制作過程中可以即時預(yù)覽所得到的菜單內(nèi)容，并且能夠很方便地把菜單保存下來作為他用。而且值得一提的是，整個WebMenuShop的菜單制作流程只有四個步驟，因此很快就能夠輕松搞定這一切。

　　第一步：選擇菜單的風(fēng)格

　　運(yùn)行WebMenuShop之后，先在右邊的【樣式效果】標(biāo)簽下確定菜單的風(fēng)格。這里提供了水平菜單、豎直菜單和嵌入瀏覽器三種主菜單樣式，而且在點(diǎn)擊“高級選項(xiàng)”之后還能夠針對主菜單的位置進(jìn)行設(shè)定，例如我們可以通過距離左邊和上邊的距離來定位菜單在網(wǎng)頁中的絕對位置，也能夠設(shè)定菜單保持在顯示區(qū)域的固定位置，并不隨著滾動條的拖動而改變位置。

　　針對子菜單而言，這里可以設(shè)定子菜單采用普通、滑動或者使淡入淡出的顯示方式，還有子菜單顯示在主菜單上方還是下方，并且能夠設(shè)置當(dāng)鼠標(biāo)移動到主菜單上就立即顯示出子菜單，這樣就無需我們點(diǎn)擊鼠標(biāo)來激活子菜單，同時也使得你的主頁更加具有人性化。

　　第二步：定義菜單結(jié)構(gòu)和屬性

　　在進(jìn)行這一步之前需要提醒大家一個事項(xiàng)：主菜單可以沒有子菜單，但是子菜單下不能再有子菜單。點(diǎn)擊【結(jié)構(gòu)屬性】標(biāo)簽之后，我們最好先點(diǎn)擊工具條上的“+”來添加幾個子菜單，這些都可以在左邊的菜單結(jié)構(gòu)區(qū)域中預(yù)覽到。接著選擇主菜單，并在右邊的屬性設(shè)置窗口中分別確定菜單的標(biāo)題、鏈接地址、目標(biāo)框架等內(nèi)容，而且還能夠通過GIF或者是JPEG圖片代替菜單標(biāo)題，這樣當(dāng)鼠標(biāo)移動到圖片上之后就會有子菜單彈出。



　　設(shè)定好主菜單之后，我們再逐一選取子菜單項(xiàng)，同樣按照上述的方法設(shè)定好相關(guān)的屬性，同時還能夠增加一個狀態(tài)說明文本，它的作用是在瀏覽器下部的狀態(tài)欄中給每個子菜單進(jìn)行解釋，以便瀏覽者能夠明確理解每個子菜單的功能。

　　在定義菜單結(jié)構(gòu)的時候，如果發(fā)現(xiàn)子菜單的順序顛倒了，不需要重新建立一個子菜單，只要點(diǎn)擊工具條中的上下箭頭就能夠調(diào)整菜單的位置順序，而且通過左右箭頭還可以把當(dāng)前選中的菜單變?yōu)橹鞑藛位蛘呤亲鳛樯霞壷鞑藛蜗碌囊粋€子菜單。有了這個功能的幫助，像筆者一樣的馬虎人就再也不怕了。

　　第三步：定義菜單外觀

　　點(diǎn)擊【外觀】標(biāo)簽來改變菜單的外觀尺寸、字體大小和鼠標(biāo)指針等屬性，還能夠在每一個菜單項(xiàng)前面添加一個修飾符號，使得菜單看起來更加醒目。由于菜單的外觀對于整個頁面的影響很大，所以建議大家每做一次修改都通過工具欄中的IE圖標(biāo)來預(yù)覽一下，然后再有針對性的進(jìn)行更改設(shè)置。

　　第四步：選擇菜單顏色

　　WebMenuShop默認(rèn)的顏色為Windows2000菜單顏色，如果你不喜歡的話也可以按照自己的意愿來重新設(shè)定，不過這里就需要你有一些藝術(shù)細(xì)胞了，呵呵。

　　上面的操作完成之后，點(diǎn)擊工具條中的IE圖標(biāo)激活瀏覽器預(yù)覽一下，看看效果怎么樣？滿意之后我們就需要把制作好的菜單添加到網(wǎng)頁中了。這時可以按下列步驟進(jìn)行：



　　1、把軟件所在目錄的workspace子目錄下的menu.jse、define.js和hr.gif這3個文件拷貝到網(wǎng)頁所在目錄?？梢酝ㄟ^點(diǎn)擊菜單中的“菜單文件->菜單文件拷貝至目錄...”命令或者工具欄中的相應(yīng)按鈕來實(shí)現(xiàn)這一步。

　　2、在網(wǎng)頁的<　head>和<　/head>之間添加以下2句：
<　script language="jscript.encode" src="menu.js"><　/script>
<　script src="define.js"><　/script>

　　可以通過點(diǎn)擊菜單中的“剪貼板->復(fù)制菜單定義代碼到剪貼板”來將這兩句代碼復(fù)制到剪貼板。

　　3、在需要菜單的地方加上一句<　script>document_load()<　/script>即可。不過當(dāng)你設(shè)計(jì)嵌入瀏覽器風(fēng)格的菜單，那么你只能把<　script>document_load()<　/script>寫在網(wǎng)頁的<　body>標(biāo)記的后面。

　　OK，這樣一來，你的主頁就有了很COOL的菜單功能，看看是不是很有一種專業(yè)的味道？