2018-03-25 marquee跑马灯效果,HTML+CSS控制

<marquee scrollamount=4      onmouseover=this.stop()    onmouseout=this.start()>

<ul><li>文本内容样式,或者图片</li></ul>

</marquee>

marquee常用属性: 

scrollamount:控制跑马灯速度

1.direction:滚动方向(包括4个值:up、down、left、right)

2.behavior:滚动方式(包括3个值:scroll、slide、alternate)

 说明:scroll:循环滚动,默认效果;               slide:只滚动一次就停止;            alternate:来回交替进行滚动。

3.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)

二、marquee常用到的两个事件:

               onMouseOut="this.start()" 用来设置鼠标移出该区域时继续滚动

               onMouseOver="this.stop()" 用来设置鼠标移入该区域时停止滚动


前端小知识:孙鲁意博客网站

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

相关阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,908评论 0 1
  • 一、<marquee>标签基础知识 <marquee>标签是用来做滚动效果的标签,随着html5的大量使用,<ma...
    艳晓阅读 11,557评论 0 1
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 5,066评论 0 2
  • 要实现简单的跑马灯效果其实运用html中<marquee></marquee>标签就可以达到了 基本属性如下: 1...
    Erin_梦阅读 7,251评论 0 4
  • 到了这个年纪,不想再有以前的冲动了,一个决定要综合各方面的考虑,可以说这是一种犹豫不决的表现吧,但是稳妥是以后一生...
    第三人称dym阅读 2,828评论 0 1

友情链接更多精彩内容