用JavaScript制作活动字幕 |
|
运动字幕是网页中 时常 使用的组件之一，它能使整个网页更有动感，显得很有 怄气 。现在的网站中也越来越多地 使用 运动字幕来 加强网页的互动性 。用JavaScript编程 可以实现各种 运动字幕 动机，所需的代码很少， 确切 可以以较少的下载 工夫换来较好的 动机 。该标记语法 格局如下：
<marquee
aligh=left/center/right/top/bottom bgcolor=#n font=n direction=left/right/up/down behavior=type height=n hspace=n scrollamount=n Scrolldelay=n width=n VSpace=n loop=n>
可以看出因为 运动字幕的显示 模式多种多样，可选的参数也众多 。
Bgcolor：用于设定 运动字幕的背景 色彩，普通是十六进制数 。
Behavior：用于设定滚动的 模式，重要由三种 模式：behavior="scroll" 示意从一端滚动到另一端；behavior="slide" 示意从一端 快捷滑动到另一端，且不 反复；behavior="alternate" 示意在两端中间来回滚动 。
Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度 。
Scrollamount：用于设定 运动字幕一次滚动的 间隔 。 scrolldelay：用于设定滚动两次中间的延迟 工夫 。 Loop：用于设定滚动的次数，当loop=-1 示 动向来滚动下去，直到页面更新 。
<marquee>标记的默许状况是向左滚动无限次，字幕高度是文本高度，滚动 规模：水平滚动的宽度是目前位置的宽度；垂直滚动的高度是目前位置的高度 。下面是两个通过JavaScript编程实现特别 动机 运动字幕的脚本代码： ★带链接的水平滚动字幕★ 带链接的水平滚动字幕普通用于广告宣传，十分醒目： <script language="JavaScript"> var marqueewidth=400 var marqueeheight=20 var speed=4 var marqueecontents='<strong><big> 欢送 拜访<a href="www.cce.com.cn">中国电脑教育报网站</a> 欢送您 光临<a href="mailto:net@cce.com.cn">给我来封信！</a></big></strong></font>' document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'" >'+marqueecontents+'</marquee>') </script> ★带链接的垂直滚动字幕★ 垂直滚动的 运动字幕常用于以滚动 模式公布新闻 。脚本代码中参数“behavior、derection、width、height、scrollamount、scrolldelay”分别确定了 运动字幕的滚动 模式、滚动方向、宽度、高度、一次滚动 间隔、延迟 工夫等，另外参数“onmouseover='this.stop()'”所实现的 动机是当鼠标指针移动到 运动字幕上时，字幕 停留滚动，参数“onmouseout='this.start()'”恰好与之相反 。 <script language=vbScript>document.write("<marquee behavior=scroll direction=up width=130 height=80 scrollamount=1 scrolldelay=60 onmouseover='this.stop()' onmouseout='this.start()'>")</script> <p><a href="www.sohu.com"> </a><br> <a href="xwgg/bys.htm ">'='>>毕业班学生下周离校</a><br> <a href="xwgg/fj.htm ">'='>>7月10日放暑假</a><br> <a href="xwgg/slnh">'='>>省水利年会在我校召开</a><br><br> <script language=vbScript>document.write ("</marquee>")</script> </p> 将上述代码嵌入网页中的适当位置，并转变链接内容即可得到一个滚动的新闻布告栏 。( |
