00000004.htm

水木清华BBS

&nbsp;&lt;/script&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/head&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;body&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;a&nbsp;href=&quot;dontclck.html&quot;&nbsp;onMouseOver=&quot;moveover('瞬间即逝&nbsp;!');return&nbsp;true;&quot;&gt;&nbsp;&nbsp;<BR>
&nbsp;link&lt;/a&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/body&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/html&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;这&nbsp;script&nbsp;的许多部份相信您已了解。&nbsp;moveover(txt)&nbsp;其实和先前的&nbsp;statbar(txt)&nbsp;差不多。erase()也和&nbsp;&nbsp;<BR>
&nbsp;先前所讨论的相同。在&nbsp;HTML&nbsp;网页中的&nbsp;&lt;body&gt;&nbsp;tag&nbsp;里我们加入一个具有&nbsp;onMouseOver&nbsp;功能之&nbsp;&nbsp;<BR>
&nbsp;link。当&nbsp;mouse&nbsp;指标移至&nbsp;&quot;link&quot;&nbsp;上就会呼叫&nbsp;moveover(txt)，并且利用&nbsp;txt&nbsp;变数传递字串&nbsp;'瞬间即逝&nbsp;&nbsp;<BR>
&nbsp;!'。接下来的步骤就和&nbsp;statbar(txt)&nbsp;一样，&nbsp;window.status&nbsp;收到&nbsp;txt&nbsp;的值後将之显示在&nbsp;statusbar&nbsp;上。&nbsp;&nbsp;<BR>
&nbsp;而&nbsp;setTimeout(...)这项新函式是用来作为一个&nbsp;&quot;定时器&quot;。setTimeout(...)能作些什麽事呢?它的主&nbsp;&nbsp;<BR>
&nbsp;要特性是当某段设定的时间&nbsp;&quot;跑&quot;&nbsp;完了之後，便执行某函式。在这个例子中，於&nbsp;1000&nbsp;毫秒後&nbsp;(也&nbsp;&nbsp;<BR>
&nbsp;就是&nbsp;1&nbsp;秒後)&nbsp;就会执行&nbsp;erase()。换句话说，当&nbsp;1&nbsp;秒结束後&nbsp;moveover(txt)&nbsp;的功能就会因&nbsp;erase()的&nbsp;&nbsp;<BR>
&nbsp;自动执行而停止。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;虽然规定时间&nbsp;&quot;跑&quot;&nbsp;完後定时器并不会重新启动，但您可以在&nbsp;erase()&nbsp;中再用一次setTimeout(...)&nbsp;&nbsp;<BR>
&nbsp;，使其循还不断，看起来就像一个跑马灯&nbsp;(scroller)。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;您已学到了&nbsp;setTimeout&nbsp;的功能和如何在&nbsp;statusbar&nbsp;中显示文字，接下我将教您如何制作一个在&nbsp;&nbsp;<BR>
&nbsp;statusbar&nbsp;显示的&nbsp;&quot;跑马灯&quot;&nbsp;(scroller)。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;请按下方的按钮看看我做的&nbsp;scroller。由於&nbsp;script&nbsp;需由&nbsp;server&nbsp;载入到您的电脑中，因此这要花一&nbsp;&nbsp;<BR>
&nbsp;点时间，请耐心等一下。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;以下是原始码&nbsp;:&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&lt;html&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;head&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;script&nbsp;language=&quot;JavaScript&quot;&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;!--&nbsp;Hide&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;var&nbsp;scrtxt=&quot;怎麽样&nbsp;!&nbsp;很酷吧&nbsp;!&nbsp;您也可以试试.&quot;+&quot;Here&nbsp;goes&nbsp;your&nbsp;message&nbsp;the&nbsp;visitors&nbsp;&nbsp;&nbsp;<BR>
&nbsp;to&nbsp;your&nbsp;page&nbsp;will&nbsp;&quot;+&nbsp;&nbsp;<BR>
&nbsp;&quot;look&nbsp;at&nbsp;for&nbsp;hours&nbsp;in&nbsp;pure&nbsp;fascination...&quot;;&nbsp;&nbsp;<BR>
&nbsp;var&nbsp;lentxt=scrtxt.length;&nbsp;&nbsp;<BR>
&nbsp;var&nbsp;width=100;&nbsp;&nbsp;<BR>
&nbsp;var&nbsp;pos=1-width;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;function&nbsp;scroll()&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;pos++;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;var&nbsp;scroller=&quot;&quot;;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;if&nbsp;(pos==lentxt)&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pos=1-width;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;if&nbsp;(pos&lt;0)&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i=1;&nbsp;i&lt;=Math.abs(pos);&nbsp;i++)&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scroller=scroller+&quot;&nbsp;&quot;;}&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scroller=scroller+scrtxt.substring(0,width-i+1);&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;else&nbsp;{&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scroller=scroller+scrtxt.substring(pos,width+pos);&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;window.status&nbsp;=&nbsp;scroller;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;setTimeout(&quot;scroll()&quot;,150);&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<BR>
&nbsp;//--&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/script&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/head&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;body&nbsp;onLoad=&quot;scroll();return&nbsp;true;&quot;&gt;&nbsp;&nbsp;<BR>
&nbsp;这里可显示您的网页&nbsp;!&nbsp;&nbsp;<BR>
&nbsp;&lt;/body&gt;&nbsp;&nbsp;<BR>
&nbsp;&lt;/html&gt;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;上面&nbsp;script&nbsp;用的语法相信大部份您已经懂了。&nbsp;setTimeout(...)&nbsp;&quot;告诉&quot;&nbsp;计时器当时间到了就呼叫&nbsp;&nbsp;<BR>
&nbsp;scroll()。&nbsp;如此一来&nbsp;scroller便会向前移动一步。在&nbsp;script&nbsp;的开头有许多计算式，那是用来决定文&nbsp;&nbsp;<BR>
&nbsp;字开始显示的位置，了不了解并不重要。一旦决定了文字的启始位置，就必需加些空格&nbsp;(space)&nbsp;&nbsp;<BR>
&nbsp;以使文字能显示在正确位置。&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;在此章一开始我曾提到，此种&nbsp;scroller&nbsp;并不是很受欢迎。即使是，也不会持续很久。为什麽呢?&nbsp;&nbsp;<BR>
&nbsp;下面我列出几个主要原因:&nbsp;&nbsp;<BR>
&nbsp;当第一次看到&nbsp;scroller&nbsp;或许您会觉得很新奇，但久而久之便会觉得索然无味。当然，这是所有&nbsp;&nbsp;<BR>
&nbsp;&quot;酷玩意儿&quot;&nbsp;(cool&nbsp;trick)&nbsp;皆有的现象。&nbsp;&nbsp;<BR>
&nbsp;其实这还不是主要原因，更严重的问题还在後头呢&nbsp;!&nbsp;当您移动&nbsp;mouse&nbsp;时，您可以发现&nbsp;scroller&nbsp;的&nbsp;&nbsp;<BR>
&nbsp;速度改变了&nbsp;(至少在我的机器上是如此)。尤其当您更改&nbsp;setTimeout&nbsp;的值为使&nbsp;scroller&nbsp;跑快一点时&nbsp;&nbsp;<BR>
&nbsp;，这种情况更严重。不过这问题或许还有解决方法。更糟的是若让&nbsp;scroller&nbsp;跑久一点，会出现&nbsp;&nbsp;<BR>
&nbsp;Out&nbsp;of&nbsp;memory&nbsp;error的问题&nbsp;!&nbsp;天呀&nbsp;!&nbsp;这是&nbsp;Netscape&nbsp;Navigator&nbsp;2.0&nbsp;的一个&nbsp;&quot;臭虫&quot;&nbsp;(bug)。我们期待&nbsp;&nbsp;<BR>
&nbsp;新的版本能更正此&nbsp;bug&nbsp;(译按&nbsp;:&nbsp;Netscape&nbsp;Navigator&nbsp;Atlas&nbsp;Preview&nbsp;Release&nbsp;已更正此&nbsp;bug)。&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;在网路上有许多这方面的应用，您可以试着找找。我曾经看过有人将&nbsp;scroller&nbsp;放在&nbsp;Homepage&nbsp;&nbsp;<BR>
&nbsp;中，&nbsp;这应该不会太难。(译按&nbsp;:&nbsp;有兴趣的人可叁考目录中本人所制做的&nbsp;scroller)&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
&nbsp;&nbsp;<BR>
--&nbsp;&nbsp;<BR>
9m&nbsp;&nbsp;dMMMMM&nbsp;&nbsp;NdMPOdMP&nbsp;dMMMMMP&nbsp;dMP&nbsp;dMP&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;&nbsp;dMP&quot;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;dMP&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;V&nbsp;&nbsp;<BR>
&nbsp;&nbsp;&nbsp;VMMM&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMMMP&nbsp;&nbsp;&nbsp;dMP&nbsp;dMP&nbsp;dMMMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(mo&nbsp;o0m)&nbsp;&nbsp;<BR>
dP&nbsp;.dMP&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;YMvAP&quot;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(&nbsp;&nbsp;V&nbsp;&nbsp;)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
&nbsp;VMMMP&nbsp;&nbsp;dMP&nbsp;&nbsp;&nbsp;&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;VP&quot;&nbsp;&nbsp;dMMMMMP&nbsp;&nbsp;&nbsp;&nbsp;.......m.m........&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>