当前位置: 主页->网页制作->HTML->正文
相关文章
◇解析IE地址栏中的 about
◇在html调用别的网页的代码
◇不用询问关闭独立窗口代码
◇两个表格可以左右排放吗
◇被遗忘的HTML元素
◇“画中画”效果—谈Iframe
◇垂直滚动信息板
◇制作带链接的滚动公告栏
◇动态HTML技术精彩实例
◇网页设计中常犯五个错误
◇在线编辑器的调用使用方法
◇用ie关机或重起
◇文字布局(TEXT STYLE)标记
◇用HTML编写应用程序
◇HTML技巧集
◇HTML中的框架
◇HTML文件HEAD内部标记浅析
◇网页中制作线条的技巧
◇HTML技巧100例
◇我们为什么要用XML
◇轻松设置网页水平线颜色
◇HTML 3.2 编程指南

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

http://www.yy0736.com 加入日期:2004.11.12 点击数:

查看:[大字体 中字体 小字体]

不少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">
<br>
欢迎访问:<a href="http://202.200.93.33">游戏总动员</a>,我们的口号是Just Play<br>
本站包括以下栏目:<br>
网页制作教学:<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><BR><br>
小游戏:提供本地下载<br>
开心小软件:很好玩,好东西要与朋友分享,不妨送给你的朋友<br>
</marquee></td>
</tr>
</table>

另外,须要注意的是,FrontPage98编辑器不支持在字幕文字中插入HTML标记,因此,用FrontPage98编辑器不能在网页中编辑上面的代码,你可以用文本编辑器来编辑。赶快动手试试吧!

作者:不详 出处:不详

[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]