精彩網頁菜單輕松完結

要是能夠像那些專業站點相同制造出令人心動的網頁菜單當然是再好不過的了，假如你并不會這些Javascript技能也沒有關系，就由WebMenuShop在短短的幾分鐘之內讓你的主頁增色不少。

WebMenuShop是一款用于快速樹立網頁菜單的軟件，能夠很輕松的制造形式多樣的網頁菜單，在制造過程中能夠即時預覽所得到的菜單內容，并且能夠很方便地把菜單保存下來作為他用。并且值得一提的是，整個WebMenuShop的菜單制造流程只需四個步驟，因此很快就能夠輕松搞定這一切。

第一步：選擇菜單的風格

運行WebMenuShop之后，先在右邊的【款式效果】標簽下確認菜單的風格。這兒供給了水平菜單、豎直菜單和嵌入瀏覽器三種主菜單款式，并且在點擊“高檔選項”之后還能夠針對主菜單的方位進行設定，例如咱們能夠經過間隔左面和上邊的間隔來定位菜單在網頁中的絕對方位，也能夠設定菜單保持在顯現區域的固定方位，并不隨著滾動條的拖動而改動方位。

針對子菜單而言，這兒能夠設定子菜單選用普通、滑動或許使淡入淡出的顯現方式，還有子菜單顯現在主菜單上方還是下方，并且能夠設置當鼠標移動到主菜單上就當即顯現出子菜單，這樣就無需咱們點擊鼠標來激活子菜單，同時也使得你的主頁更加具有人性化。

第二步：界說菜單結構和特點

在進行這一步之前需求提醒咱們一個事項：主菜單能夠沒有子菜單，但是子菜單下不能再有子菜單。點擊【結構特點】標簽之后，咱們最好先點擊工具條上的“+”來增加幾個子菜單，這些都能夠在左面的菜單結構區域中預覽到。接著選擇主菜單，并在右邊的特點設置窗口中分別確認菜單的標題、鏈接地址、方針框架等內容，并且還能夠經過GIF或許是JPEG圖片代替菜單標題，這樣當鼠標移動到圖片上之后就會有子菜單彈出。

設定好主菜單之后，咱們再逐一選取子菜單項，同樣按照上述的辦法設定好相關的特點，同時還能夠增加一個狀況闡明文本，它的作用是在瀏覽器下部的狀況欄中給每個子菜單進行解釋，以便瀏覽者能夠清晰理解每個子菜單的功用。

在界說菜單結構的時候，假如發現子菜單的次序顛倒了，不需求從頭樹立一個子菜單，只需點擊工具條中的上下箭頭就能夠調整菜單的方位次序，并且經過左右箭頭還能夠把當時選中的菜單變為主菜單或許是作為上級主菜單下的一個子菜單。有了這個功用的幫助，像筆者相同的大意人就再也不怕了。

第三步：界說菜單外觀

點擊【外觀】標簽來改動菜單的外觀尺度、字體大小和鼠標指針等特點，還能夠在每一個菜單項前面增加一個修飾符號，使得菜單看起來更加奪目。由于菜單的外觀對于整個頁面的影響很大，所以主張咱們每做一次修正都經過工具欄中的IE圖標來預覽一下，然后再有針對性的進行更改設置。

第四步：選擇菜單色彩

WebMenuShop默認的色彩為Windows2000菜單色彩，假如你不喜歡的話也能夠按照自己的志愿來從頭設定，不過這兒就需求你有一些藝術細胞了，呵呵。

上面的操作完結之后，點擊工具條中的IE圖標激活瀏覽器預覽一下，看看效果怎么樣？滿足之后咱們就需求把制造好的菜單增加到網頁中了。這時能夠按下列步驟進行：

1、把軟件地點目錄的workspace子目錄下的menu.jse、define.js和hr.gif這3個文件仿制到網頁地點目錄。能夠經過點擊菜單中的“菜單文件->菜單文件仿制至目錄...”命令或許工具欄中的相應按鈕來實現這一步。

2、在網頁的和之間增加以下2句：

能夠經過點擊菜單中的“剪貼板->仿制菜單界說代碼到剪貼板”來將這兩句代碼仿制到剪貼板。

3、在需求菜單的當地加上一句即可。不過當你規劃嵌入瀏覽器風格的菜單，那么你只能把寫在網頁的標記的后邊。

OK，這樣一來，你的主頁就有了很COOL的菜單功用，看看是不是很有一種專業的滋味？