HTML5技术

一个标签实现滚动 - 小僵尸

字号+ 作者:H5之家 来源:H5之家 2017-05-18 17:02 我要评论( )

标签 marqueen 无需js 达到滚动效果 !-- 滚动公告 -- marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" hspace="10" vspace="10" 我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告.

标签  marqueen  无需js 达到滚动效果

   <!-- 滚动公告 -->
   <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" hspace="10" vspace="10">
   我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....我是公告....
   </marquee>

属性:

direction="up"  滚动方向  left right up down

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

scrollamount="1" 滚动速度是设置每次滚动时移动的长度,以像素为单位

scrolldelay="0" 滚动的时间间隔,单位是毫秒

loop="-1" 滚动循环(默认值是-1,滚动会不断的循环下去)

空白空间hspace、vspace

width height padding margin

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • three.js粒子效果(分别基于CPUGPU实现) - cnwander

    three.js粒子效果(分别基于CPUGPU实现) - cnwander

    2017-05-18 13:00

  • 如何实现在Windows上运行Linux程序,附示例代码 - q303248153

    如何实现在Windows上运行Linux程序,附示例代码 - q303248153

    2017-05-16 14:00

  • vue2.0实践 —— Node + vue 实现移动官网 - Raychan

    vue2.0实践 —— Node + vue 实现移动官网 - Raychan

    2017-05-15 09:00

  • 第一份工作中第一个任务感悟 - 华灯初上!!归去

    第一份工作中第一个任务感悟 - 华灯初上!!归去

    2017-05-13 18:01

网友点评
5