HTML網頁製作：[8]新增滾動效果?

滾動效果，是網頁的常用效果，比如從右到左滾動，或者反過來從左到右滾動等。這裡，小編將告訴大家，如何在HTML網頁中，新增滾動效果

工具/原料

一臺電腦

TXT文件或者DW等

方法/步驟

滾動標記：marquee

其語法為： 需要滾動的文字、圖片等

上程式碼：

從右向左滾動吧~~滾吧滾吧滾動吧~~

OK,來看下效果圖

滾動一會之後，就到達了現在的位置

滾動方向可以設定的。

滾動內容

其中，direction代表滾動方向。

up:向上滾動

down:向下滾動

left:向左滾動

right:想右滾動

舉個例子：

從右向左滾動吧~~滾吧滾吧滾動吧~~

向上滾動，效果圖

設定滾動方式。

通過behavior來實現。

behavior="scroll":迴圈滾動，從一段滾到另一端後再來N次。

"slide":滾動一次，從一段滾到另一端就不再滾了。

"alternate":來回滾。比如從左滾到右，滾完後，再從右滾到左。

看例子：

從右向左滾動吧~~滾吧滾吧滾動吧~~

設定為來回滾。

看效果圖

滾到左側後，又接著往右滾

scrollamount可以用來設定滾動速度。

舉例：

從右向左滾動吧~~滾吧滾吧滾動吧~~

以畫素為單位

就不截圖了，因為只看圖也確實看不出效果

width:設定滾動水平範圍

height設定滾動的垂直範圍。

舉例：

從右向左滾動吧~~滾吧滾吧滾動吧~~

效果圖如下

設定迴圈次數：loop.

就是看你想滾動幾次。

舉例：

我想滾動10次

從右向左滾動吧~~滾吧滾吧滾動吧~~

設定滾動背景顏色。

bgcolor.

舉例：

從右向左滾動吧~~滾吧滾吧滾動吧~~

設定為綠色

效果圖如圖

hspace:設定左右邊框

vspace：設定上下邊框。

舉例：

從右向左滾動吧~~滾吧滾吧滾動吧~~

設定了左右邊框。效果圖如下

其實，關於滾動還有許多其他的應用，這需要你繼續學習中使用