精彩網(wǎng)頁(yè)菜單輕松完結(jié)

要是能夠像那些專(zhuān)業(yè)站點(diǎn)相同制造出令人心動(dòng)的網(wǎng)頁(yè)菜單當(dāng)然是再好不過(guò)的了，假如你并不會(huì)這些Javascript技能也沒(méi)有關(guān)系，就由WebMenuShop在短短的幾分鐘之內(nèi)讓你的主頁(yè)增色不少。

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

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

運(yùn)行WebMenuShop之后，先在右邊的【款式效果】標(biāo)簽下確認(rèn)菜單的風(fēng)格。這兒供給了水平菜單、豎直菜單和嵌入瀏覽器三種主菜單款式，并且在點(diǎn)擊“高檔選項(xiàng)”之后還能夠針對(duì)主菜單的方位進(jìn)行設(shè)定，例如咱們能夠經(jīng)過(guò)間隔左面和上邊的間隔來(lái)定位菜單在網(wǎng)頁(yè)中的絕對(duì)方位，也能夠設(shè)定菜單保持在顯現(xiàn)區(qū)域的固定方位，并不隨著滾動(dòng)條的拖動(dòng)而改動(dòng)方位。

針對(duì)子菜單而言，這兒能夠設(shè)定子菜單選用普通、滑動(dòng)或許使淡入淡出的顯現(xiàn)方式，還有子菜單顯現(xiàn)在主菜單上方還是下方，并且能夠設(shè)置當(dāng)鼠標(biāo)移動(dòng)到主菜單上就當(dāng)即顯現(xiàn)出子菜單，這樣就無(wú)需咱們點(diǎn)擊鼠標(biāo)來(lái)激活子菜單，同時(shí)也使得你的主頁(yè)更加具有人性化。

第二步：界說(shuō)菜單結(jié)構(gòu)和特點(diǎn)

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

設(shè)定好主菜單之后，咱們?cè)僦鹨贿x取子菜單項(xiàng)，同樣按照上述的辦法設(shè)定好相關(guān)的特點(diǎn)，同時(shí)還能夠增加一個(gè)狀況闡明文本，它的作用是在瀏覽器下部的狀況欄中給每個(gè)子菜單進(jìn)行解釋?zhuān)�以便瀏覽者能夠清晰理解每個(gè)子菜單的功用。

在界說(shuō)菜單結(jié)構(gòu)的時(shí)候，假如發(fā)現(xiàn)子菜單的次序顛倒了，不需求從頭樹(shù)立一個(gè)子菜單，只需點(diǎn)擊工具條中的上下箭頭就能夠調(diào)整菜單的方位次序，并且經(jīng)過(guò)左右箭頭還能夠把當(dāng)時(shí)選中的菜單變?yōu)橹鞑藛位蛟S是作為上級(jí)主菜單下的一個(gè)子菜單。有了這個(gè)功用的幫助，像筆者相同的大意人就再也不怕了。

第三步：界說(shuō)菜單外觀

點(diǎn)擊【外觀】標(biāo)簽來(lái)改動(dòng)菜單的外觀尺度、字體大小和鼠標(biāo)指針等特點(diǎn)，還能夠在每一個(gè)菜單項(xiàng)前面增加一個(gè)修飾符號(hào)，使得菜單看起來(lái)更加奪目。由于菜單的外觀對(duì)于整個(gè)頁(yè)面的影響很大，所以主張?jiān)蹅兠孔鲆淮涡拚�都�?jīng)過(guò)工具欄中的IE圖標(biāo)來(lái)預(yù)覽一下，然后再有針對(duì)性的進(jìn)行更改設(shè)置。

第四步：選擇菜單色彩

WebMenuShop默認(rèn)的色彩為Windows2000菜單色彩，假如你不喜歡的話也能夠按照自己的志愿來(lái)從頭設(shè)定，不過(guò)這兒就需求你有一些藝術(shù)細(xì)胞了，呵呵。

上面的操作完結(jié)之后，點(diǎn)擊工具條中的IE圖標(biāo)激活瀏覽器預(yù)覽一下，看看效果怎么樣？滿足之后咱們就需求把制造好的菜單增加到網(wǎng)頁(yè)中了。這時(shí)能夠按下列步驟進(jìn)行：

1、把軟件地點(diǎn)目錄的workspace子目錄下的menu.jse、define.js和hr.gif這3個(gè)文件仿制到網(wǎng)頁(yè)地點(diǎn)目錄。能夠經(jīng)過(guò)點(diǎn)擊菜單中的“菜單文件->菜單文件仿制至目錄...”命令或許工具欄中的相應(yīng)按鈕來(lái)實(shí)現(xiàn)這一步。

2、在網(wǎng)頁(yè)的和之間增加以下2句：

能夠經(jīng)過(guò)點(diǎn)擊菜單中的“剪貼板->仿制菜單界說(shuō)代碼到剪貼板”來(lái)將這兩句代碼仿制到剪貼板。

3、在需求菜單的當(dāng)?shù)丶由弦痪浼纯伞２贿^(guò)當(dāng)你規(guī)劃嵌入瀏覽器風(fēng)格的菜單，那么你只能把寫(xiě)在網(wǎng)頁(yè)的標(biāo)記的后邊。

OK，這樣一來(lái)，你的主頁(yè)就有了很COOL的菜單功用，看看是不是很有一種專(zhuān)業(yè)的滋味？