学过javascript的朋友都知道有个叫做“跑马灯”效果的特效,表现就是可以上下或者左右不停的翻动,这个效果可以通过js来实现,但是如果你仅仅是想看看跑马灯的效果,不做很严格的要求的话,直接使用html中的marquee标签也是可以实现类似“跑马灯”的效果的。效果如图(我没有截取动图,所以你看到的还是静态的不会动的):
其实写起来简单的很:
<marquee loop="-1" scrollamount="5" behavior="scroll" bgcolor="skyblue" width="500px" height="300px">
scrollamount属性代表滚动速度</marquee>
只有这么一句简单的话就可以实现类似“跑马灯”的效果了,看看marquee这个标签的几个常用属性是什么意思:
loop:循环的意思,设置 marquee 滚动多少次。默认值为 −1,表示 marquee 将无限地滚动下去
scrollamount:以像素px为单位设置每次滚动时移动的长度,默认值为 6
behavior:设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。
bgcolor:设置marquee的背景颜色
width和height:分别设置marquee的宽和高。