如何让一条小丑鱼会骑自行车

最近看到一个有趣的网页，页面很简单，一条鱼骑着自行车，从右边出来，从左边消失，来回的滚动。看了一下源代码，非常的简单，使用了一个不常见的HTML标记：marquee。

　　HTML代码

　　效果

查看演示

　　是不是很有趣!

　　这种效果，以前在网页很是流行。不过最近几乎见不到了，原因是它干扰网页读者。对于这种来回滚动的文字和图片，似乎只有电视台在新闻节目的下边滚动新闻的形式。我查看了一下资料，发现marquee标记是一种不推荐使用的标记。虽然现在的大多数浏览器都支持，但保不齐将来会怎样。

　　我还发现了另外一个它的有趣特征，marquee标记还能表现出物体反弹的效果。下面就是一个演示例子。

　　HTML代码

　　实例演示

　　下面我们来看看marquee的具体用法。

　　marquee标记的各种属性：

　　behavior

　　属性值可以是scroll, slide 或者 alternate。也就是运动方式分为滚动，滑动或斜着运动。缺省值是scroll。

　　bgcolor

　　背景色

　　direction

　　运动方向，值可以为left, right, up和down。缺省为left。

　　height

　　高度。

　　hspace

　　竖向边距。

　　loop

　　设置滚动循环次数。如果不指明，缺省值是-1，也就是无限滚动。

　　scrollamount

　　滚动时，每移动一次的位移距离，用像素值表示，缺省是6。

　　scrolldelay

　　每位移一次之间间隔的时间，用毫秒表示。缺省值是85。需要注意的是，这个值如果设定为效应60，你还需要使用 truespeed 属性来共同作用，否则低于60为无效值。

　　truespeed

　　当有这个属性时， scrolldelay 值可以低于 60 。

　　vspace

　　横向边距

　　width

　　宽度。

　　似乎一些政府网站上还有这种滚动播放的形式，但大多是用js制作出来的，很显然，比使用marquee要复杂些，但js制作出来的滚动文字有很多控制功能，比如鼠标放到文字上时，文字会停止滚动，这样更容易让读者看清滚动文字的内容。我想在marquee标记的基础上是否也能实现这种效果呢?