当前位置:编程学习 > html/css >>

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

答案:    
    不少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=>游戏总动员</a>,我们的口号是Just Play<br>
     本站包括以下栏目:<br>
     网页制作教学:<a href=>Flash教程</a>,<a href=>DHTM教程</a>,javascript教程,<a href=>Asp教程</a><br>
     小游戏:提供本地下载<br>
  开心小软件:很好玩,好东西要与朋友分享,不妨送给你的朋友<br>
    </marquee></td>
    </tr>
    </table>
  
    另外,须要注意的是,FrontPage98编辑器不支持在字幕文字中插入HTML标记,因此,用FrontPage98编辑器不能在网页中编辑上面的代码,你可以用文本编辑器来编辑。赶快动手试试吧!
  
  

上一个:动态HTML技术精彩实例
下一个:HTML文件大致结构

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,