首页前端开发HTMLhtml 跑马灯效果代码大全

html 跑马灯效果代码大全

时间2023-07-10 17:33:02发布访客分类HTML浏览593
导读:HTML 跑马灯效果代码大全HTML 跑马灯是一种动态展示文字或图片的效果,向左或向右滚动而不是静态呈现。这种效果非常适合一些需要吸引注意力的重要信息展示,比如广告、公告、提醒等。下面是一些HTML跑马灯效果的代码大全。向左滚动<ma...

HTML 跑马灯效果代码大全

HTML 跑马灯是一种动态展示文字或图片的效果,向左或向右滚动而不是静态呈现。这种效果非常适合一些需要吸引注意力的重要信息展示,比如广告、公告、提醒等。下面是一些HTML跑马灯效果的代码大全。

向左滚动

marquee direction="left">
    这是一段向左滚动的文字。/marquee>
    

效果如下:

这是一段向左滚动的文字。

向右滚动

marquee direction="right">
    这是一段向右滚动的文字。/marquee>
    

效果如下:

这是一段向右滚动的文字。

上下滚动

marquee direction="up">
    这是一段上下滚动的文字。/marquee>
    

效果如下:

这是一段上下滚动的文字。

设置滚动速度

marquee direction="left" scrollamount="10">
    这是一段速度较慢的向左滚动的文字。/marquee>
    marquee direction="left" scrollamount="50">
    这是一段速度较快的向左滚动的文字。/marquee>
    

效果如下:

这是一段速度较慢的向左滚动的文字。这是一段速度较快的向左滚动的文字。

设置滚动间距

marquee direction="left" scrollamount="10" scrolldelay="100">
    这是一段向左滚动的文字,并且每隔0.1秒滚动10像素。/marquee>
    

效果如下:

这是一段向左滚动的文字,并且每隔0.1秒滚动10像素。

以上就是一些常用的HTML跑马灯效果的代码大全,可以根据自己的需求调整参数,达到更好的效果。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html 跑马灯效果代码大全
本文地址: https://pptw.com/jishu/301367.html
es6 js 设置html样式 excel动态导出html代码

游客 回复需填写必要信息