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

时间:2024-10-13 05:07:45

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

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

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

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

3、在<body>和</body>之间手动输入,<mar孥恶膈茯quee direction="up">向上滚动</marquee>

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

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

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

5、给跑马灯效果加上宽高,背景颜色,手动输入代码:<挢旗扦渌;marquee direction="up" width="100" height="100" bgcolor="red" >

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

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

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

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

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

8、代码替换成:<marquee scrollamount="挢旗扦渌;5">,表示文字自右向左加速滚动,数值5-10间越大,滚动速度越快!

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

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

在静态网页里如何设置跑马灯效果
© 手抄报圈