您现在的位置: 军旅同心 >> 读书赏析 >> 学习园地 >> 电脑网络 >> 技术文章 >> 文章正文
用DHTML制作带链接的滚动公告栏
作者:采集员 文章来源:来源于网络 点击数: 更新时间:2005-9-10 14:23:05

  不少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> 

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


 
免责声明:作品版权归所属媒体与作者所有!!本站刊载此文不代表同意其说法或描述,仅为提供更多信息。如果您认为我们侵犯了您的版权,请告知!本站立即删除。有异议请联系我们。
文章录入:烟灰缸    责任编辑:烟灰缸 
  • 上一篇文章:
  • 下一篇文章:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登录 |