滚动效果，是网页的常用效果，比如从右到左滚动，或者反过来从左到右滚动等。这里，小编将告诉大家，如何在HTML网页中，添加滚动效果工具/原料more一台电脑TXT文档或者DW等方法/步骤1/15分步阅读

滚动标记：marquee

其语法为：marquee需要滚动的文字、图片等/marquee

2/15

上代码：

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

html xmlns=http://www.w3.org/1999/xhtml

head

meta http-equiv=Content-Type content=text/html; charset=utf-8 /

title无标题文档/title/head

body

marquee

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

/body

/html

3/15

OK,来看下效果图

4/15

滚动一会之后，就到达了现在的位置

5/15

滚动方向可以设置的。

marquee direction=滚动方向滚动内容/marquee

其中，direction代表滚动方向。

up:向上滚动

down:向下滚动

left:向左滚动

right:想右滚动

6/15

举个例子：

marquee direction=up从右向左滚动吧~~滚吧滚吧滚动吧~~/marguee

向上滚动，效果图

7/15

设置滚动方式。

通过behavior来实现。

behavior=scroll:循环滚动，从一段滚到另一端后再来N次。

slide:滚动一次，从一段滚到另一端就不再滚了。

alternate:来回滚。比如从左滚到右，滚完后，再从右滚到左。

8/15

看例子：

marquee behavior=alternate

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

设置为来回滚。

看效果图

9/15

滚到左侧后，又接着往右滚

10/15

scrollamount可以用来设置滚动速度。

举例：

marquee behavior=alternate scrollamount=10

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

以像素为单位

就不截图了，因为只看图也确实看不出效果

11/15

width:设置滚动水平范围

height设置滚动的垂直范围。

举例：

marquee behavior=alternate scrollamount=10 width=100 height=100

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

效果图如下

12/15

设置循环次数：loop.

就是看你想滚动几次。

举例：

我想滚动10次

bodymarquee behavior=alternate scrollamount=10 width=100 height=100 loop=10

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

13/15

设置滚动背景颜色。

bgcolor.

举例：

marquee behavior=alternate scrollamount=10 loop=10 bgcolor=#00FF00

从右向左滚动吧~~滚吧滚吧滚动吧~~

/marguee

设置为绿色

效果图如图

14/15

hspace:设置左右边框

vspace：设置上下边框。

举例：

marquee behavior=alternate scrollamount=10 loop=10 hspace=200 vspace=300从右向左滚动吧~~滚吧滚吧滚动吧~~/marguee

设置了左右边框。效果图如下

15/15

其实，关于滚动还有许多其他的应用，这需要你继续学习中使用

html滚动