在网页中如何设置滚动效果(四)
7. 滚动范围 width、height
如果不设置滚动背景的面积,默认情况下,水平滚动的文字背景与文字同高、与浏览器 窗口同宽,使用width和height参数可以调整其水平和垂直的范围。
语法:
<marquee width="背景宽度" height ="背最高度">······</marquee>
说明:
此处设置的宽度和高度的单位均为像素。
举例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>滚动范围</title> </head> <body> <marquee direction="up" scrollamount="3" width="300" height="400"> 星座的开机问候语 <br> 天蝎座通常是高明的搞笑专家,其高明处就在于一个“藏”字,不但善于以一副煞有其事的样子,把笑话说得跟真的一样,而且在逗大家捧腹大笑之时,他自己却又若无其事,甚至还满脸不懂的样子。所以像“高压危险,‘现任’免进!”这样隐晦的搞笑问候语,当然留给蝎子了! </marquee> </body> </html>
在代码中
<marquee direction="up" scrollamount="3" width="300" height="400">······</marquee>
部分的代码标记是设置滚动效果的宽度和高度,在浏览器中预览,可以看 到将宽度设置为300像素、高度设置为400像素的效果,如图8.7所示。
8.滚动背景颜色bgcolor
在网页中,为了突出某部分内容,常常使用不同的背景色来显示。可以使用bgcsolor设 置滚动背景颜色。
语法:
<marquee bgcolor="背最颜色">······</marquee>
说明:
滚动背景颜色应设置为16进制的颜色。
举例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>滚动背景颜色</title> </head> <body> <marquee direction="up" scrollamount="3" bgcolor="#FF9966"> 星座的开机问候语 <br> 天蝎座通常是高明的搞笑专家,其高明处就在于一个“藏”字,不但善于以一副煞有其事的样子,把笑话说得跟真的一样,而且在逗大家捧腹大笑之时,他自己却又若无其事,甚至还满脸不懂的样子。所以像“高压危险,‘现任’免进!”这样隐晦的搞笑问候语,当然留给蜴子了! </marquee> </body> </html>
在代码中
<marquee direction="up" scrollamount="3" bgcolor= #FF9966">······</marquee>
部分的代码标记为设置滚动文字的背景颜色’在浏览器中预览,可以看到滚动文字后面的背景呈橘黄色,如图8.8所示。
本文内容摘取于《网页制作》,仅供参考学习用途!