为博客首页添加一个播放公告的滚动条

昨天趁着有时间，给博客首页添加了一个滚动条，用来播放公告，效果如图：

实现方法很简单，代码为：

<h3 class="t">
<div class="gg">
<marquee scrollamount="6" direction="left" onMouseOver="this.stop()" onMouseOut="this.start()">
<span style="color:#f00;">滚动条测试：</span>
这是一个可以滚动的文字条，无JS实现，可以控制滚动的速度和宽度，是不是方便。
</marquee>
</div>
</h3>
 

预览请点击：一个marquee滚动条实例

代码注释：

marquee就是html特有的滚动效果标签，主要属性有：

1.滚动方向direction(包括4个值：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.滚动循环loop(默认值是-1，滚动会不断的循环下去)

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

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

至于滚动条的位置则根据在自己的需要放置，这里只需要把它看作一个div块即可，样式可以自已添加，非常方便。

资源均来自第三方，谨慎下载，前往第三方网站下载