旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

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

时间: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、网页上显示文字自右向左加速滚动

在静态网页里如何设置跑马灯效果
© 2025 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com