在网页中如何设置滚动效果（二）
发布时间：2018-11-02
浏览次数：14603. 滚动方式 behavio
除了可以设置滚动方向外，还可以通过behavior属性来设置滚动方式，如循环运动等。
语法：
<marquee behavior="滚动方式">······</marquee>
说明：
滚动方式behavior的取值参见表8-1所示。
| behavior的取值 | 滚动效果 |
| scroll | 循环滚动，默认效果 |
| slide | 只滚动一次就停止 |
| altemate | 来回交替进行滚动 |
举例：
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"/> <title>滚动方向</title> </head> <body> <marquee direction="down" behavior="scroll"> 许多文章都喜欢把双鱼座写成胆小怕事的人，<br> 其实双鱼座也没有那么弱！ <br> 他们只是心肠软了点，神经过敏了点，容易满足了点而已。<br> “乖乖，起床了”这类温馨的开机问候语，<br> 大概就足以让清晨醒来的鱼鱼有一个上午的好心情了 ！ </marquee> </body> </html>
在代码中<marquee direction="down" behavior="scroll">部分的代码标记是设置滚动的方式，在浏览器中预览循环滚动效果，如图8.3所示。
4. 滚动速度scrollamount
可使用scrollamount设置滚动的快慢。
语法：
<marquee scrollamount="滚动速度">······</marquee>
说明：
滚动的速度实际上是设置每次滚动时移动的长度，以像素为单位。
举例：
<html> <head> <meta http-equiv="content-type" content="text/html;charset=gb2312"/> <title>滚动速度〈/title〉 </head> <body> <marquee direction="up" behavior="scroll" scrollainount="3"> 许多文章都喜欢把双鱼座写成胆小怕事的人’ <br> 其实双鱼座也没有那么弱！ <br> 他们只是心肠软了点，神经过敏了点,容易满足了点而巳。<br> “乖乖，起床了”这类温馨的开机问候语，<br> 大概就足以让清晨醒来的鱼鱼有一个上午的好心情了！ </marquee> </body> </html>
在代码中<marquee direction="up" behavior="scroll" scrollainount="3">部分的标记为设置滚动的速度，在浏览器中预览将scrollamount设置为3的效果，如图8.4所示。
本文内容摘取于《网页制作》，仅供参考学习用途！
18577088886