DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 在Fireworks4中制作彈出菜單全過程技巧大揭密-4
在Fireworks4中制作彈出菜單全過程技巧大揭密-4
編輯:Fireworks基礎     
 

四、 如何定制彈出菜單
(2) 定置彈出菜單的彈出速度


  或許有些人會覺得在浏覽器中浏覽由Fireworks4生成的彈出菜單文件時,彈出菜單的顯示速度並不像我們預期的那樣。往往當鼠標移到彈出菜單的按鈕上時,菜單的彈出速度非常快,但當鼠標離開彈出菜單按鈕時,剛才觸發彈出的菜單仍舊會留在原來的位置一段時間,而不像我們希望的那樣能夠立刻消失。其實這個問題我們依舊可以通過修改fw_menu.js文件來進行解決。在Dreamweaver 或是其他編輯器中打開該JS文件,我們找到這段代碼:


  setTimeout("fwDoHide()", 1000)
  (elapsed < 1000)
  setTimeout("fwDoHide()", 1100-elapsed)


  上面這段代碼是用來控制彈出菜單顯示速度的。默認的數值1000表示當前的延遲時間是1秒,如果想將延遲時間修改為原來的一半,可以將上述代碼裡的數值修如下:


  setTimeout("fwDoHide()", 500)
  (elapsed < 500)
  setTimeout("fwDoHide()", 550-elapsed)


  你可以通過不斷的修改找到你滿意的數值,注意不要將這個延遲時間設置的太短,以避免浏覽者還沒有看清菜單內容,菜單內容就消失了。


(3)定制彈出菜單的圖片樣式


  如果在彈出菜單的輸出格式選擇的圖片形式的話,那麼我們就可以對該圖片樣式進行定制。Fireworks4彈出菜單的樣式文件放在 \Configuration\Nav Menu目錄下,文件名是Styles.stl,我們可以定制自己的樣式並將它輸出為單獨的樣式文件,然後存放在Nav Menu目錄下,當再次打開彈出菜單制作向導時,我們先前定制的樣式就可以在制作向導中出現,可以隨意選擇使用了。由於Fireworks中可以制作出非常豐富的樣式文件,因此我們的彈出菜單也可以通過應用樣式實現更為豐富的外觀。

五、小結


  綜上所述,可見Fireworks4提供了功能非常強大的定制方法來制作彈出菜單導航條,以往讓網頁設計師或是程序員頭疼的這一部分工作如今可以通過Fireworks4來輕松地解決。不過每件事情只有通過自己親手試驗以後才會有更深一步的體會,希望這篇文章可以給您帶來一個思路,一個啟發,既然我們可以通過定制的JS文件得到了制作彈出菜單的功能,我們也可以擴充Fireworks來實現更豐富的想法。這就是Fireworks軟件的構想,即通過良好的可擴展性實現自身功能的不多擴充。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved