假如想要在網頁里顯示最新信息、新聞、通知、布告等較長的文字信息,而又不想占用太多的網頁空間,可以使用滾動報告欄。
滾動報告欄通常是通過利用 Javascript 技術控制網頁中的層的滾動來實現的,然而手工編寫 Javascript 代碼進行制作肯定是比較復雜、困難的事情。使用 Dreamweaver 為用戶提供的Scrollable Area插件可以快速便捷地制作出滾動報告欄。點擊這里下載該插件
1、下載該插件之后假如插件文件已經和 Macromedia 的插件治理器建立了文件關連直接雙擊進行安裝,安裝之后啟動Dreamweaver mx 2004?;蛘呦葐覦reamweaver之后使用“命令”=>“擴展治理”來安裝也是可以的!
2、選擇插件治理器菜單欄上的【文件】菜單進行操作,如下圖所示。
3、設置 滾動布告欄。 安裝完插件后運行 Dreamweaver MX 2004 ,打開或者新建一個 web 文檔,按下圖所示的操作:
文字框從上開始的意思:1,活動區域與頁面頂端的距離。2,活動區域與頁面左端的距離。3,活動區域的寬度。4,活動區域的高度。
您可以根據您的頁面設計的需要來調整參數,最后的Scroll Speed是設置滾動區域的滾動速度,選擇medium是一個適中的速度,您也可以選擇高速,以及低速。
Content部分是填充您在滾動區域需要放置的內容,您也可以直接填文字,也可以直接填充html代碼。在您使用的時候,也可以不填充內容,最后在頁面中也是可以修改的。
在您都設置好以后,點Create創建滾動區域。
打開層面板,開始我們具體的設置。
子層divContent,就是您在開始時候設置的Content部分,你可以重新設置內容,在DW里面可以很輕易的進行修改。下面就會介紹。
DivUpControl層是帶有控制向上方向文字的層
divDownControl層是帶有控制向上方向文字的層
修改滾動區域的在頁面的位置,以及寬度和高度:通過修改divContainer層的參數,假如你想使用圖片來代替Scroll up、Scroll down ,可以這樣,直接在文字中間插入圖片,然后刪除多余的文字就可以了,但是注重:切勿把連接中的javascript:;刪除掉,否則就沒有滾動的效果了。
怎么樣?你可以自己去嘗試下了?。「兄x大家對本站的支持!
新聞熱點
疑難解答