在静态网页里如何设置跑马灯效果？

2025-11-05 22:53:27

1、桌面新建一个记事文本，命名为“跑马灯.html"

在静态网页里如何设置跑马灯效果？

2、选中“跑马灯.html"文件，鼠标右键记事本打开，手动输入如图代码

在静态网页里如何设置跑马灯效果？

3、在<body>和</body>之间手动输入，<marquee direction="up">向上滚动</marquee>

在静态网页里如何设置跑马灯效果？

4、桌面双击“跑马灯.html"文件，弹出的页面显示文字”向上滚动“一直重复向上滚动

在静态网页里如何设置跑马灯效果？

5、给跑马灯效果加上宽高，背景颜色，手动输入代码：<marquee direction="up

在静态网页里如何设置跑马灯效果？

6、双击“跑马灯.html"文件，打开网页显示在一个宽100，高100，背景为红色区域中，文字不停向上滚动的效果

在静态网页里如何设置跑马灯效果？

7、把代码改成：<marquee behavior="slide">，网页显示文字自右向左只滚动一次

在静态网页里如何设置跑马灯效果？

8、代码替换成：<marquee scrollamount="5">，表示文字自右向左加速滚动，数值5－10间越大，滚动速度越快！

在静态网页里如何设置跑马灯效果？

9、网页上显示文字自右向左加速滚动

在静态网页里如何设置跑马灯效果？

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。