⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 00000004.htm

📁 水木清华BBS
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
<HTML><HEAD>  <TITLE>BBS水木清华站∶精华区</TITLE></HEAD><BODY><CENTER><H1>BBS水木清华站∶精华区</H1></CENTER>发信人:&nbsp;afei&nbsp;(飞色精灵),&nbsp;信区:&nbsp;Java&nbsp;<BR>标&nbsp;&nbsp;题:&nbsp;JavaScript(4)&nbsp;<BR>发信站:&nbsp;BBS&nbsp;水木清华站&nbsp;(Mon&nbsp;Aug&nbsp;&nbsp;4&nbsp;09:05:10&nbsp;1997)&nbsp;<BR>&nbsp;<BR>发&nbsp;信&nbsp;人：新怪侠一枝梅&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;回信地址：<A HREF="mailto:Stephan.bbs@bbs.swjtu.edu.cn">Stephan.bbs@bbs.swjtu.edu.cn</A>&nbsp;&nbsp;<BR>信区名称：Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信件日期：01&nbsp;Aug&nbsp;1997&nbsp;04:42:45&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>信件提要：[转载]&nbsp;JavaScript(4)&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>原发信站：锦城驿站&nbsp;<BR>------------------------------------------------------------[1076/1093]-------&nbsp;<BR>;37m【&nbsp;以下文字转载自&nbsp;2mInternet&nbsp;7m讨论区&nbsp;】&nbsp;&nbsp;<BR>【&nbsp;原文由2m&nbsp;Stephan7m&nbsp;所发表&nbsp;】m&nbsp;&nbsp;<BR>&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;&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>(转载与www.swjtu.edu.cn)&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;这章我将告诉您如何在状态列&nbsp;(statusbar)&nbsp;(也就是您浏览器最下方显示&nbsp;URLs&nbsp;的那一行)&nbsp;显示文&nbsp;&nbsp;<BR>&nbsp;字，并且将教您&nbsp;'跑马灯'&nbsp;(以下简称&nbsp;scroller&nbsp;)&nbsp;的工作原理。虽然以&nbsp;JavaScript&nbsp;完成的&nbsp;scroller&nbsp;目前&nbsp;&nbsp;<BR>&nbsp;仍有些问题&nbsp;(稍後会提到问题在哪儿?)，但我还是告诉您它是如何写成的。&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;首先，如何将文字填入&nbsp;statusbar&nbsp;呢?下述语法将告诉您如何做到这项功能:&nbsp;(按下按钮後请注视&nbsp;&nbsp;<BR>&nbsp;statusbar&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;<BR>&nbsp;&nbsp;<BR>&nbsp;很新奇吧!&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;function&nbsp;statbar(txt)&nbsp;{&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;window.status&nbsp;=&nbsp;txt;&nbsp;&nbsp;<BR>&nbsp;}&nbsp;&nbsp;<BR>&nbsp;//&nbsp;--&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;/script&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;/head&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;body&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;form&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;input&nbsp;type=&quot;button&quot;&nbsp;name=&quot;look&quot;&nbsp;value=&quot;写入文字&quot;&nbsp;onclick=&quot;statbar('嗨&nbsp;!&nbsp;这就是状态&nbsp;&nbsp;<BR>&nbsp;列&nbsp;(statusbar)&nbsp;!');&quot;&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;input&nbsp;type=&quot;button&quot;&nbsp;name=&quot;erase&quot;&nbsp;value=&quot;清除文字&quot;&nbsp;onclick=&quot;statbar('');&quot;&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;/form&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;/body&gt;&nbsp;&nbsp;<BR>&nbsp;&lt;/html&gt;&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;我制作了两个都会呼叫&nbsp;statbar(txt)&nbsp;函式&nbsp;(function)&nbsp;的按钮。当此函式被呼叫後，字串经由括弧中&nbsp;&nbsp;<BR>&nbsp;的变数&nbsp;txt&nbsp;传给&nbsp;statbar(txt)。&nbsp;(不一定要用&nbsp;txt，用别的变数名也可以)。当电脑执行到&nbsp;&lt;form&gt;&nbsp;tag&nbsp;&nbsp;<BR>&nbsp;时，&nbsp;一旦按下按钮就会呼叫&nbsp;statbar(txt)。但是电脑并没有马上将&nbsp;txt&nbsp;的内容写在&nbsp;statusbar，只是&nbsp;&nbsp;<BR>&nbsp;将欲显示的字串存入&nbsp;txt。换句话说，藉由呼叫函式，只是让变数&nbsp;txt&nbsp;得到一个值。因此当您按&nbsp;&nbsp;<BR>&nbsp;下&nbsp;'写入文字'&nbsp;这个按钮後，会呼叫&nbsp;statbar(txt)&nbsp;而且&nbsp;'嗨&nbsp;!&nbsp;这就是状态列&nbsp;(statusbar)&nbsp;!'&nbsp;这个字串会&nbsp;&nbsp;<BR>&nbsp;存入&nbsp;txt&nbsp;中。咻&nbsp;!&nbsp;讲了这麽多只是想告诉您这种写法可预留一些弹性。什麽弹性呢?就是您可重&nbsp;&nbsp;<BR>&nbsp;复使用&nbsp;txt&nbsp;这个变数。您看看第二个按钮，它也是呼叫相同的函式。若您不利用一个变数来传递&nbsp;&nbsp;<BR>&nbsp;字串的话，就必须写两个不同的函式了。&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;那麽&nbsp;statbar(txt)&nbsp;到底做了些什麽?其实没什麽，只是将&nbsp;txt&nbsp;的内容写入变数&nbsp;window.status中。这&nbsp;&nbsp;<BR>&nbsp;是由&nbsp;window.status&nbsp;=&nbsp;txt;&nbsp;做的。另外若想消除文字，只需送一个空字串&nbsp;('')&nbsp;给&nbsp;statusbar。请注&nbsp;&nbsp;<BR>&nbsp;意，因为在&nbsp;onClick&nbsp;中我们已经使用双引号&nbsp;&quot;&nbsp;，所以这里必须用单引号&nbsp;'&nbsp;。这是为了让浏览器辨&nbsp;&nbsp;<BR>&nbsp;认哪两个引号是一对的，因此您必需双引号和单引号交替使用。&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;由此份简介文件第二章您已学过&nbsp;onMouseOver&nbsp;的特性了&nbsp;:&nbsp;&nbsp;<BR>&nbsp;&lt;a&nbsp;href=&quot;tpage.html&quot;&nbsp;onMouseOver=&quot;window.status='Just&nbsp;another&nbsp;stupid&nbsp;link...';&nbsp;return&nbsp;true&quot;&gt;&nbsp;&nbsp;&nbsp;<BR>&nbsp;您可能会对一件事感到厌烦。那就是当&nbsp;mouse&nbsp;的指标已从&nbsp;link&nbsp;移开了，但是&nbsp;statusbar&nbsp;中的文字&nbsp;&nbsp;<BR>&nbsp;还留在那&nbsp;!没关系，我教您一个解决的办法。利用上面教您如何消除&nbsp;statusbar&nbsp;中文字的方法，&nbsp;&nbsp;<BR>&nbsp;我们来写一个小函式。但是如何侦测出&nbsp;mouse&nbsp;的指标已从&nbsp;link&nbsp;移开并进而呼叫消除文字的函式&nbsp;&nbsp;<BR>&nbsp;呢?侦测&nbsp;mouse指标是否已从&nbsp;link&nbsp;移出的功能目前还无法达到，但可用&nbsp;&quot;计时器&quot;&nbsp;来暂时解决此&nbsp;&nbsp;<BR>&nbsp;问题。&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&nbsp;试试将&nbsp;mouse&nbsp;移到此&nbsp;link&nbsp;上看看&nbsp;statusbar&nbsp;的变化，但请不要按它。&nbsp;&nbsp;&nbsp;<BR>&nbsp;&nbsp;<BR>&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;function&nbsp;moveover(txt)&nbsp;{&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;window.status&nbsp;=&nbsp;txt;&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(&quot;erase()&quot;,1000);&nbsp;&nbsp;<BR>&nbsp;}&nbsp;&nbsp;<BR>&nbsp;function&nbsp;erase()&nbsp;{&nbsp;&nbsp;<BR>&nbsp;&nbsp;&nbsp;&nbsp;window.status=&quot;&quot;;&nbsp;&nbsp;<BR>&nbsp;}&nbsp;&nbsp;<BR>&nbsp;//&nbsp;--&gt;&nbsp;&nbsp;<BR>
12

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -