![HTML网页制作：[8]添加滚动效果](https://search.52zhanxing.com/aiimages/HTML网页制作：[8]添加滚动效果.png)
操作方法
滚动标记：marquee 其语法为：<marquee>需要滚动的文字、图片等</marquee>
上代码： <!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>
OK,来看下效果图
滚动一会之后，就到达了现在的位置
滚动方向可以设置的。 <marquee direction="滚动方向">滚动内容</marquee> 其中，direction代表滚动方向。 up:向上滚动 down:向下滚动 left:向左滚动 right:想右滚动
举个例子： <marquee direction="up">从右向左滚动吧~~滚吧滚吧滚动吧~~</marguee> 向上滚动，效果图
设置滚动方式。 通过behavior来实现。 behavior="scroll":循环滚动，从一段滚到另一端后再来N次。 "slide":滚动一次，从一段滚到另一端就不再滚了。 "alternate":来回滚。比如从左滚到右，滚完后，再从右滚到左。
看例子： <marquee behavior="alternate"> 从右向左滚动吧~~滚吧滚吧滚动吧~~ </marguee> 设置为来回滚。 看效果图
滚到左侧后，又接着往右滚
scrollamount可以用来设置滚动速度。 举例： <marquee behavior="alternate" scrollamount="10"> 从右向左滚动吧~~滚吧滚吧滚动吧~~ </marguee> 以像素为单位 就不截图了，因为只看图也确实看不出效果
width:设置滚动水平范围 height设置滚动的垂直范围。 举例： <marquee behavior="alternate" scrollamount="10" width="100" height="100"> 从右向左滚动吧~~滚吧滚吧滚动吧~~ </marguee> 效果图如下
设置循环次数：loop. 就是看你想滚动几次。 举例： 我想滚动10次 <body><marquee behavior="alternate" scrollamount="10" width="100" height="100" loop="10"> 从右向左滚动吧~~滚吧滚吧滚动吧~~ </marguee>
设置滚动背景颜色。 bgcolor. 举例： <marquee behavior="alternate" scrollamount="10" loop="10" bgcolor="#00FF00"> 从右向左滚动吧~~滚吧滚吧滚动吧~~ </marguee> 设置为绿色 效果图如图
hspace:设置左右边框 vspace：设置上下边框。 举例： <marquee behavior="alternate" scrollamount="10" loop="10" hspace="200" vspace="300">从右向左滚动吧~~滚吧滚吧滚动吧~~</marguee> 设置了左右边框。效果图如下
其实，关于滚动还有许多其他的应用，这需要你继续学习中使用