Dreamweaver中滾動效果制作
2016-05-21 16:29:34黃嘉
計算機時代 2016年5期
摘 要： 網頁元素的滾動效果能吸引瀏覽者，在網頁制作中使用HTML語言的marquee標記可以滾動文字、滾動圖片、滾動表格等，在Dreamweaver中使用marquee標記進行滾動效果設置非常方便。以制作滾動文字為例，研究了在Dreamweaver中如何利用marquee標記的重要參數設置滾動效果，詳細介紹了設置環繞標簽和使用標簽檢查器兩種方法制作網頁元素的滾動效果。
關鍵詞： Dreamweaver； 滾動效果； marquee； 環繞標簽； 標簽檢查器
中圖分類號：TP393 文獻標志碼：A 文章編號：1006-8228（2016）05-78-03
Abstract： The scrolling effect of the webpage element attracts visitors. This paper explains how to use the important parameters of the marquee tag to set the rolling effect and how to use the Dreamweaver to set the around label and the label checker to realize the rolling effect.
Key words： Dreamweaver； the scrolling effect； marquee； around label； label checker
0 引言
制作網頁時往往需要滾動文字、滾動圖片和滾動表格以增加網頁的動態效果和美感。在Dreamweaver中使用HTML語言的marquee標記進行滾動效果設置非常方便和快捷。marquee標記語法：；在標記之間添加要進行滾動的內容。在網頁制作中使用marquee標記可以滾動文字、滾動圖片、滾動表格等。本文以制作滾動文字為例，著重研究了在Dreamweaver中如何利用marquee標記的重要參數設置滾動效果，詳細介紹了在Dreamweaver中設置環繞標簽和使用標簽檢查器兩種方法制作網頁元素的滾動效果。
1 marquee標記的重要參數
1.1 滾動方向direction
可選的值有up、down、left和right。up表示向上滾動，down表示向下滾動，left表示向左滾動，right表示向右滾動。如果不設置direction屬性，其默認是left，即向左滾動。
語法：
1.2 滾動方式behavior
可選的值有alternate、slide、scroll。alternate表示來回交替進行滾動，slide表示滑動一次，scroll表示朝一個方向循環滾動。如果不設置behavior屬性，默認是scroll，即朝一個方向循環滾動。
語法：
1.3 滾動速度scrollamount
值為數字。滾動速度是設置每次滾動時移動的長度，以像素為單位，默認值為6。
語法：
1.4 滾動延遲scrolldelay
其值為數字。滾動延遲是設置滾動的時間間隔，單位是毫秒。
語法：
1.5 滾動循環loop
其值為數字。滾動循環是設置滾動的次數。如果不設置loop屬性，默認值是-1，即滾動會不斷的循環下去。
語法：
1.6 滾動范圍width、height
width和height屬性決定滾動區域在網頁中的矩形范圍的大小。width決定矩形的寬度，height決定矩形的高度。屬性值可以是正整數或者百分數。值為正整數時，單位是像素。值為百分數時，表示矩形所占容器窗口的百分比。
語法：
1.7 滾動背景顏色bgcolor
設置滾動區域的背景色，值是16進制的RGB顏色或者是預定義色彩：Black，Gray，White，Red，Blue等。默認值是White白色。
語法：
1.8 空白空間hspace、vspace
這兩個屬性決定滾動元素到滾動區域邊界的水平距離和垂直距離，值是正整數，單位是像素。
語法：
1.9 鼠標停留在文字上時，文字狀態onmouseover
語法：
1.10 鼠標離開文字上時，文字狀態onmouseout
語法：
2 marquee標記的代碼案例
