今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。
语法:<marquee>...</marquee>; // 在标记之间添加要进行滚动的内容。可以输入文字,还可以放图片代码、Flash动画代码和gif动态小图代码等。
属性:
属性汇总例句:
<marquee
direction="up" behavior="scroll“ loop=”3“ scrollamount=”1“ scrolldelay=”10“
bgcolor="#ccffff" height="150" width="15%" hspace="20" vspace="10”
onmouseover=this.stop() onmouseout=this.start()><P
align=center>此处输入滚动内容</P></marquee>
direction:up | down | left | right //表示滚动的方向(默认为left);
//向上滚动 | 向下滚动 | 向左滚动 | 向右滚动
behavior:scroll(默认) | slide | alternate //表示滚动的方式
//循环滚动 | 只滚动一次就停止 | 来回交替进行滚动
loop:infinite | -1 | number //决定滚动文字的滚动次数
//无限循环滚动|无限循环滚动|滚动次数
scrollamount //决定文字滚动的速度; 滚动速度是设置每次滚动时移动的长度,以像素为默认单位
scrolldelay //决定文字滚动的延时; 设置滚动的时间间隔,单位是毫秒
bgcolor //文字滚动范围的背景颜色
width和height //决定滚动文字在页面中的矩形范围大小
hspace和vspace 决定滚动矩形区域距周围的空白区域
onmouseover=this.stop() //表示当鼠标移上区域的时候滚动停止
onmouseout=this.start() //表示当鼠标移开的时候又继续滚动
align:left (默认)| center | right //水平对齐
valign:top | middle | bottom | middle (默认) //垂直对齐方式