HTML标签marquee实现滚动效果

页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - 可以实现多种滚动效果，无需js控制。

使用marquee标记不仅可以移动文字，也可以移动图片，表格等.

语法：<marquee>...</marquee>； 说明：在标记之间添加要进行滚动的内容。

重要属性

1. 滚动方向direction (包括四个值 up,down,left和right)

   语法:

       <marquee direction="滚动方向">....</marquee>

2. 滚动的方式behavior( scroll:循环滚动 默认效果 slide : 滚动一次就停止 , alternate:来回交替滚动 )

   语法:

       <marquee behavior="滚动方式">....</marquee>

3. 滚动速度scrollamount( 设置滚动每次移动时的时长 , 单位是像素 )

   语法:

       <marquee scrollamount="5">....</marquee>

4. 滚动延迟scrolldelay( 设置滚动的时间间隔 , 单位是毫秒 )

   语法:

       <marquee scrolldelay="100">....</marquee>

5. 循环滚动oop( 默认值为-1 , 滚动会不断循环下去 )

   语法:

       <marquee loop="2">....</marquee>

6. 滚动范围width height

   语法:

       <marquee width='1000' height='200'>....</marquee>

7. 滚动背景颜色bgcolor

   语法:

       <marquee bgcolor="#0099FF">....</marquee>

8. 空白空间hspace(垂直). vspace(水平)

   语法:

       <marquee hspace="10" vspace="10">....</marquee>

代码演示

<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000"height="50" bgcolor="#0099FF" hspace="10" vspace="10">
    动起来marquee和我一起摇摆
</marquee>