前端使用marquee标签实现提示语滚动效果

使用marquee标签实现提示语滚动效果

<marquee onmouseover="stop()" onmouseout="start()" bgcolor="yellow" direction="left" scrolldelay=5 scrollamount=6 onstart="alert('欢迎欢迎')" behavior="alternate" onbounce="alert('滚到尾了！')" loop="3" onfinish="alert('循环滚动结束啦！！！')" >
// 可在中间写所需的任意内容，例如p标签等等
欢迎欢迎
</marquee>

一些相关参数介绍：
1、bgcolor：滚动文本框的背景颜色（值是16进制的RGB颜色，默认：白色）。
2、direction：滚动方向的设置，可选择Left（从右到左：默认）、right（从左向右）、up（从下到上）和down（从上到下）。
3、behavior：滚动的方式设置，三种取值：scroll（循环滚动：默认）、slide（滑入，单次滚动）、alternate（两端来回滚动）。
4、scrolldelay：每轮滚动之间的延迟时间，数字越大滚动越慢（默认：0）。
5、scrollamount：一次滚动总的时间量，数字越小滚动越慢（默认：6，单位：毫秒）。
6、width：滚动文本框的宽度，(默认：width=100%)输入一个数值后再从后面的单选框选择in Pixels(按像素)或in Percent(按百分比)。
7、height：滚动文本框的高度， (默认：height为标签内元素的高度)输入一个数值后再从后面的单选框选择in Pixels(按像素)或in Percent(按百分比)。
8、loop：滚动次数（默认：infinite）。
9、hspace、vspace：前后、上下的空行（值是正整数，单位：像素）。
10、omouseover：鼠标移入停止滚动，一般配合stop()方法使用（οnmοuseοver=“stop”）。
11、omouseout：鼠标移开继续滚动，一般配合start()方法使用(οnmοuseοut=“start”)。
12、事件的回调：
（1）onbounce：当marquee标签滚动到结尾时触发（behavior="alternate"触发）。
（2）onfinish：当marquee标签完成了loop属性设置的值时触发（loop大于0时触发）。
（3）onstart：当 marquee标签开始滚动时触发。

• onstart=“alert(‘欢迎欢迎’)” 效果：谷歌没有反应，这里用的是火狐测出来的弹窗

• behavior=“alternate” onbounce=“alert(‘滚到尾了！’)” 效果：火狐的效果
  

• loop=“3” onfinish=“alert(‘循环滚动结束啦！！！’)” 效果：火狐的效果，循环了3次后的弹窗