用DHTML制作带链接的滚动公告栏

来源：作者：出处：巧巧读书 2006-03-19 进入讨论组

　　不少JavaScript高手的主页上都有用JavaScript编写的带链接的滚动公告栏，不但使主页有限的空间显示更多内容，也使主页增加了动态效果，令人赏心悦目，让许多不懂JavaScript的菜鸟羡慕不已。其实，不用JavaScript，用DHTM提供的字幕<marquee>也能达到相同的效果，且简单得多。

下面我就给大家介绍以下字幕的用法：

　　在HTML文档中用<marquee></marquee>标记对插入字幕。字幕<marquee>主要有下列属性：

　　align:字幕文字对齐方式
　　width:字幕高度
　　high:字幕高度
　　direction:文字滚动方向，其值可取right，left，up，down；
　　behavior:字幕动态效果，其值可取scroll(滚动)，slide(幻灯片),alteernat(交替)，默认值为scroll；
　　scrolldelay:滚动延迟时间，单位毫秒
　　scrollamount:滚动数量，单位像素。

　　另外可以用color，bgcolor，font－size等属性对字幕文字进行修饰。字幕文字写在<marquee></marquee>标记对之间，字幕文字中也可插入HTML标记，这就使得我们可以在字幕文字中插入超级链接。为了更好地控制字幕在页面上的位置，建议最好将字幕放在表格中。下面是一个带链接的滚动公告栏的实例：

　　<table border=″0″ cellpadding=″0″ cellspacing=″0″width=″100％″ height=″80″>
　　 <tr>
　　 <td width=″ 100％″ height=″77″><marquee direction=″up″ height=″50″ scrollAmount=″2″
　　style=″COLOR: rgb(100,100,100); FONT－FAMILY: 宋体_GB2312; FONT－SIZE: 9pt″　 width=″500″　 border=″0″>
　　

　　欢迎访问：<a href=″http://202.200.93.33″>游戏总动员</a>，我们的口号是Just Play

　　本站包括以下栏目：

　　网页制作教学：<a href=″jiaocheng/flash/teach.htm″>Flash教程</a>，<a href=″jiaocheng/dhtml/dhtml1.htm″>DHTM教程</a>，Javascript教程，<a href=″jiaocheng/dhtml/aspbase.htm″>Asp教程</a>

　　小游戏：提供本地下载

开心小软件：很好玩，好东西要与朋友分享，不妨送给你的朋友

　　</marquee></td>
　　</tr>
　　</table>