好神奇,不用js也能是实现滚动效果

最近一段时间由于重构了一个项目,一直没时间进行更新,是时候冒个泡了!今天偶然发现一好玩的标签,和大家分享一下!

  • marquee标签,创建一个滚动的文本字幕,应用于文字、图片、今天才知道,基础知识有待提高!

文字朝上滚动

<marquee direction=up behavior=scroll loop=3 scrollamount=10 scrolldelay=4 bgcolor=#ccc height=150 width=15% hspace=4 vspace=4><P align=center>朝上滚动</P></marquee>

marquee标签属性详解

  • direction属性
属性参数值 示例代码
direction="left"向左(默认值) <marquee direction="left">向左滚动</marquee>
direction="up"向上 <marquee direction="up">向上滚动</marquee>
direction="right"向右 <marquee direction="right">向右滚动</marquee>
direction="down"向下 <marquee direction="down">向下滚动</marquee>
  • behavior属性
属性参数值 示例代码
behavior="alternate"来回滚动 <marquee behavior="alternate">来回滚动</marquee>
behavior="scroll"单方向循环滚动 <marquee behavior="scroll">单方向循环滚动</marquee>
behavior="slide"只滚动一次 <marquee behavior="slide">只滚动一次</marquee>

-loop属性

属性参数值 示例代码
loop="2"滚动2次 <marquee loop="2">我滚动2次。</marquee>
bloop="infinite"无限循环滚动 <<marquee loop="infinite">无限循环滚动。</marquee>
loop="-1"无限循环滚动 <marquee loop="-1">无限循环滚动。</marquee>
  • scrollamount速度属性
属性参数值 示例代码
scrollamount="50"速度慢了些 <marquee scrollamount="50">慢了些。</marquee>
scrollamount="100"速度很快 <marquee scrollamount="100">速度很快</marquee>
  • scrolldelay延时属性
属性参数值 示例代码
scrolldelay="30"小步前进 <marquee scrolldelay="30">小步前进。</marquee>
scrolldelay="1000"大步前进 <marquee scrolldelay="1000" scrollamount="100">大步前进。</marquee>

常用的就这些 ,同样支持width、height等属性。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容