|
將網(wǎng)頁保存后就可以在瀏覽器中看到效果，大致如下動畫所示。
需要注意的是，今后如果修改已有的菜單項目，所有應用到的網(wǎng)頁都會自動更新菜單部分。因此為了方便，一般將菜單項目應用到一個空白網(wǎng)頁中后關(guān)閉該網(wǎng)頁。用瀏覽器開啟該網(wǎng)頁查看效果。這樣修改菜單項目后，在瀏覽器中F5刷新就可以看到新效果了。這是一則小技巧。
現(xiàn)在我們設(shè)置第3級菜單，詳細步驟就不再敘述了，效果大致如下動畫所示，大家可以此作為設(shè)置的參考，而先不要看后面的介紹。
大家需要注意的就是，建立子級菜單等操作需要在Item(單項設(shè)定)才可進行，進行之前注意所選擇的菜單項是否正確。
大家在模仿上面的過程中，也許對某些參數(shù)設(shè)置還是不明白，無法做到與動畫完全一致的效果，在某些地方，總有一兩個像素的偏差是吧？這個偏差其實就是由于我們使用了分界線和邊框引起的。在視覺上，邊框或分界線等都屬于線條，那么子項的線條應該與上一級的項目對齊才好看。因此我們在下左圖綠色箭頭處指定3級項往上移動1像素，讓它的邊框與2級項的分界線對齊。
但是位于下方的“網(wǎng)頁制作”2級項下方已經(jīng)沒有分界線了，因此GoLive這些3級項邊框如果與分界線對齊，就會在下方超出2級項的底部，因此我們采取將其高度減少1像素的方法來彌補。
點擊放大
現(xiàn)在對另外兩個頂級菜單項建立子項，并且添加上超鏈接及其目標框架。如下圖紅色箭頭處。如果鏈接的目的地在本站點內(nèi)，可以通過定位線進行指定。相關(guān)操作都可以在視頻教程中找到。
Global(全局設(shè)定)中是針對整個菜單項目的設(shè)定，比較重要的是如下右圖中自動生成導航頁的選項。這個選項在某些瀏覽器不支持JavaScript的時候自動產(chǎn)生一個所有菜單項目的鏈接列表，可以通過這張列表進行正常的訪問。此外更重要的意義在于：大部分搜索引擎只是查找頁面中具有的超鏈接，去分析站點。這個選項可以令其正常收集網(wǎng)站的結(jié)構(gòu)信息。
大家可以嘗試關(guān)閉IE瀏覽器的JavaScript支持(Internet選項_安全_自定義級別_禁用活動腳本)，然后再在瀏覽器中訪問，就會看到一個替代頁面。
點擊放大
在網(wǎng)頁中選中正在使用的菜單對象時，檢查器跳板也會切換到菜單飛梭的相關(guān)設(shè)置，如下各圖所示。需要注意的是，如果要使用框架，要注意框架的組織結(jié)構(gòu)和目標位置。
點擊放大
通過菜單【MenuMachine_參數(shù)設(shè)定】可以開啟如下左圖的設(shè)置框，比較有用的是綠色箭頭處的選項，啟用后可以在編輯器中看到菜單的級別，如下右圖。注意在Photoshop下又增加了一個第4級子項。方法也是相同的。
如果電腦配置較低，則可以嘗試關(guān)閉在編輯器中實時顯示鼠標經(jīng)過效果和邊框效果。
點擊放大
出處：藍色理想
責任編輯：趙鵬
上一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [3] 下一頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [5]
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 4 頁 用菜單飛梭創(chuàng)建動態(tài)酷菜單 [4]
