html跑马灯效果

       该笔记记录  标签,跑马灯除了使用js实现,还可以使用 marquee标签,自带跑马灯效果。(marquee已经

Obsolete了,但是它很好用)

        基本用法

         

       

       滚动的文字       

    1、左右弹来弹去的跑马灯

弹来弹去跑马灯!

  实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,

direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。

需要说明的是该效果在 Netscape下是看不到的。

   2、跑的很快的跑马灯

跑的很快的跑马灯!

        只要在标签后面加上“scrollamount=15”即可,修改=后边的数字参数即可限制文字移动的速度。

   3、带有超级链接的跑马灯

        实现的方法很简单,把整个语句包含在超链接中就行

html跑马灯效果_第1张图片

        尽管参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。 

你可能感兴趣的:(HTML)