|
為了避免一致性，我們對其他兩個菜單項在鼠標(biāo)經(jīng)過時候作了些許修改，效果如下動畫所示。當(dāng)然如果出于統(tǒng)一風(fēng)格的需要就不必更改。
現(xiàn)在我們要建立子級菜單，首先選擇“教程列表”，然后點擊下左圖紅色箭頭處的按鈕創(chuàng)建子級項。這其實也是復(fù)制的效果，新的子級項設(shè)定與“教程列表”是完全一致的。
修改新建的子級項設(shè)定，如下圖中綠色箭頭各處。其中圖標(biāo)是改為了一個右向的小箭頭。大家現(xiàn)在應(yīng)該都明白這些設(shè)定項目的功能了，那么也可以作出自己的修改，而不必遵循下圖。
點擊放大
之后確認(rèn)所選擇的是“圖形處理”項，點擊新建同級項按鈕再復(fù)制一個出來，將其名字改為“網(wǎng)頁制作”。效果大致如下動畫所示。
我們現(xiàn)在已經(jīng)具有了2級的菜單項，按照規(guī)劃還應(yīng)該建立第3級項目。如果按照之前的方法，那么這第3級項目也就應(yīng)該出現(xiàn)在第2級項目下方。我們現(xiàn)在想要修改一下，將第2級的“圖形處理”和“網(wǎng)頁設(shè)計”兩項以豎方向放置，而不是目前的橫方向。
進(jìn)入到Block(層級設(shè)定)中，在常規(guī)中將排列方向改為“豎向”，并且啟用背景色和分界線。如下左圖所示。需要注意的是，分界線在橫向排列的項目中則將以豎線顯示。然后在箭頭及特效中將開啟特效設(shè)為豎向滑動進(jìn)入(Slide、Vertical)，將關(guān)閉特效設(shè)為淡出。如下右圖藍(lán)色箭頭處。
淡化效果指的是不透明度變化效果，是逐漸顯現(xiàn)或逐漸消失的效果�？梢耘浜掀渌匦б黄鹗褂�。但如果特效選擇為淡化(FadeOnly)則此選項無效。需要注意的是，對較大的圖像或較多的文字使用淡化可能會使瀏覽者的系統(tǒng)反應(yīng)速度降低。另外，特效是不會在預(yù)覽區(qū)域顯示的，只會在最終的網(wǎng)頁中顯示。
下左圖底部有不透明度的設(shè)定，可以更改整個層級的不透明度，這樣在一些有背景的網(wǎng)頁中看起來比較好。但需要注意的是該選項存在兼容性問題，更改后會出現(xiàn)警告窗口。
標(biāo)志1處的數(shù)值可以控制同級項目之間的距離，標(biāo)志2處的數(shù)值控制子菜單出現(xiàn)的位置，按照如下右圖的設(shè)定，應(yīng)該正好貼在在父菜單項的下方(父菜單項高度為25像素)。最好不要與父菜單項相隔太遠(yuǎn)，因為那樣容易會造成對鼠標(biāo)動作的誤判斷。因為當(dāng)鼠標(biāo)懸停在父菜單時出現(xiàn)了子菜單，如果間隔設(shè)置得很大，當(dāng)鼠標(biāo)向子菜單移動的過程中進(jìn)入這空白區(qū)，瀏覽器就可能會判斷為鼠標(biāo)離開父菜單且沒有進(jìn)入子菜單，則子菜單將關(guān)閉。當(dāng)然，如果以此來整人的話還是挺好用的：父菜單為“免費贈送”，子菜單為“點此獲得100元”、“點此獲得500元”，然后將子級項目位移500像素哈。不過我可不保證別人就一定點不到子菜單哦。
點擊放大
相信現(xiàn)在大家都一定很想立刻看到這個特效的效果，并且還希望多嘗試不同的特效設(shè)定。那么我們就先來學(xué)習(xí)一下如何將創(chuàng)建好的菜單項目應(yīng)用到網(wǎng)頁中。
應(yīng)用的方法其實很簡單，就是開啟網(wǎng)頁，從MenuMachine菜單對象調(diào)板中將菜單項目的圖標(biāo)拖動(注意必須拖動圖標(biāo))到網(wǎng)頁中即可。也可以通過菜單【MenuMachine_使用菜單項目】。如下圖所示。
如果對這個拖動操作不熟悉，那是因為你沒有掌握GoLive的基本操作。出于DreamWeaver功能上的限制，菜單飛梭目前只能運行于GoLive中。如果現(xiàn)在想學(xué)習(xí)GoLive，可觀看我們制作好的系列視頻教程。大家會發(fā)現(xiàn)其實GoLive比起其他網(wǎng)頁軟件更易于使用。視頻教程地址為 http://99ut.com/tutorial
出處：藍(lán)色理想
責(zé)任編輯：趙鵬
上一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [2] 下一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [4]
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 3 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [3]
