跑马灯制作

今天来说说如何制作 一个不包含js脚本的简易的跑马灯。

那么如果不包含js脚本的话该如何制作呢，其实很简单，在这里是不过只是用到了html里面的一个标签而已，该标签为marquee，那么废话不多说，接下来使用这个标签制作一个跑马灯，那么在此之前先了解下marquee标签都有哪些属性,属性如下：

marquee普通卷动(创建一个滚动的文本字幕)

behavior=slide滑动

behavior=scroll预设卷动

behavior=alternate来回卷动

direction=up向上卷动

direction=right向右卷动

direction=left向左卷动

loop=2卷动次数

width=180设定宽度

height=30设定高度

bgcolor=FF0000设定背景颜色

scrollamout=30设定卷动时间

οnmοuseοver="this.stop() "鼠标经过上面时停止滚动

οnmοuseοver=" this.start()"鼠标离开时开始滚动

那么基本常用的属性也就这么多，那么接下来还是看看例子吧。

首先，这是源码：

然后可以看到以上代码不包括任何插件以及原生js代码，而且可以看到，在marquee标签里面放了一个p标签，那么此时此刻p标签就是要滑动的内容，

写好代码之后可以到页面看下效果，

页面上的效果就是这一段文字正在从左向右滑动，至于为什么从左滑倒右，因为我设置了他的direction属性为right，所以才会向右滑动。

那么marquee标签里面是可以插入各种标签的，连img都可以，所以marquee标签里面还可以放图片，那么效果如下：

图片也会从左向右滑动，那么其实也是可以放多张图片的，那么在这里就不演示了，其他的属性以及效果就基本演示那么多了，如果想了解更多的话就自己动手尝试把。