歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢(xún)服務(wù)熱線:400-099-8848

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

發(fā)布時(shí)間:2019-08-12 文章來(lái)源:本站  瀏覽次數(shù):2788

要是能夠像那些專(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覽者能夠清晰理解每個(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ù)丶由弦痪浼纯伞2贿^(guò)當(dāng)你規(guī)劃嵌入瀏覽器風(fēng)格的菜單,那么你只能把寫(xiě)在網(wǎng)頁(yè)的標(biāo)記的后邊。

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

上一條:網(wǎng)頁(yè)制造注意事項(xiàng)...

下一條:成為一個(gè)尖端規(guī)劃師的第二...