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

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

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

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

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

第一步:選擇菜單的風格

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

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

第二步:界說菜單結(jié)構(gòu)和特點

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


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

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

第三步:界說菜單外觀

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

第四步:選擇菜單色彩

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

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


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

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


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

3、在需求菜單的當?shù)丶由弦痪浼纯伞2贿^當你規(guī)劃嵌入瀏覽器風格的菜單,那么你只能把寫在網(wǎng)頁的標記的后邊。

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

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

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