Dreamweaver 經典插件詳解(二)

(3)dHTML Scrollable Area 插入一個內容可上下滾動的層,現已修正,支持中文

1、效果:可以在頁面的任何位置加入一個可以上下自由控制的區域,靈活的進行頁面公告欄以及更新內容的設置。或者直接代替瀏覽器的滾動條,使您的頁面更加的有特色,富有創意。

2、下載地址:http://www.windstudio.net/dw/files/dhtml_scrollable_area.mxp

3、原理:對層的靈活運用

4、使用方法以及技巧:具體的參數請直接參見圖片說明。插件下載以後雙擊安裝,請您直接在DW的工具欄找到goodies點擊,

彈開,選擇dHTML Scrollable Area,彈開對話框,如下:

文字框從上開始的意思:
1,活動區域與頁面頂端的距離
2,活動區域與頁面左端的距離
3,活動區域的寬度
4,活動區域的高度。
您可以根據您的頁面設計的需要來調整參數,最後的Scroll Speed是設置滾動區域的滾動速度,選擇medium是一個適中的速度,您也可以選擇高速,以及低速。

Content部分是填充您在滾動區域需要放置的內容,您也可以直接填文字,也可以直接填充html代碼。在您使用的時候,也可以不填充內容,最後在頁面中也是可以修改的。
在您都設置好以後,點Create創建滾動區域。

打開層面板,開始我們具體的設置。

子層divContent,就是您在開始時候設置的Content部分,你可以重新設置內容,在DW裏面可以很容易的進行修改。下面就會介紹。
DivUpControl層是帶有控制向上方向文字的層
divDownControl層是帶有控制向上方向文字的層
修改滾動區域的在頁面的位置,以及寬度和高度:通過修改divContainer層的參數,
如果你想使用圖片來代替Scroll up、Scroll down ,可以這樣,直接在文字中間插入圖片,然後刪除多餘的文字就可以了,但是注意:切勿把連接中的javascript:;刪除掉,否則就沒有滾動的效果了。

參考站點:http://www.1studio.net 站點右上方的站務公告欄,效果非常好。

 

(4)MFX Slidemenu 創建一個響應鼠標事件的滑動下拉菜單

1、下載地址:http://www.windstudio.net/dw/files/mfx_slidemenu.mxp

2、效果:使用該插件可以簡單迅速準確的製作出漂亮的滑動菜單,非常適合做站點的導航欄。

3、安裝以及使用技巧:直接雙擊您下載的插件,安裝以後在DW的工具欄找到下面紅圈標註的這個圖標點擊開始使用。具體的參數設置請參考下面的圖片:

對錶示子菜單相對主菜單的縮進距離的圖片解釋:

設置的技巧方面,想要更換菜單的色彩可以這樣進行:直接查看原代碼,使用查找和替換功能直接批量更換原代碼。同樣菜單的寬度也是可以直接這樣重新安排。
這個插件在製作菜單以後的各層的屬性如果你自己沒有很好的把握的話,請大家不要自己設置,否則,很容易混淆。
設置完成以後直接點“Ok, I'm done!”按鈕,你就可以輕鬆擁有一個漂亮的導航菜單了。

對於菜單的內容,您可以在菜單生成以後直接填寫,包括超級連接和圖片都是可以的,直接由插件生成的菜單並不是那麼的漂亮,想讓它更吸引人,就需要你自己的動手能力了。:D

參考站點:
http://www.windstudio.net/works/tenren/index.htm 左邊的滑動菜單

 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章