BBSˮľÇ廪վ¡Ã¾«»ªÇø

·¢ÐÅÈË: afei (·ÉÉ«¾«Áé), ÐÅÇø: Java 
±ê  Ìâ: JavaScript(4) 
·¢ÐÅÕ¾: BBS Ë®Ä¾Ç廪վ (Mon Aug  4 09:05:10 1997) 
 
·¢ ÐÅ ÈË£ºÐ¹ÖÏÀһ֦÷             »ØÐŵØÖ·£ºStephan.bbs@bbs.swjtu.edu.cn  
ÐÅÇøÃû³Æ£ºJava                     ÐżþÈÕÆÚ£º01 Aug 1997 04:42:45               
ÐżþÌáÒª£º[×ªÔØ] JavaScript(4)                                              
Ô­·¢ÐÅÕ¾£º½õ³ÇæäÕ¾ 
------------------------------------------------------------[1076/1093]------- 
;37m¡¾ ÒÔÏÂÎÄ×Ö×ªÔØ×Ô 2mInternet 7mÌÖÂÛÇø ¡¿  
¡¾ Ô­ÎÄÓÉ2m Stephan7m Ëù·¢±í ¡¿m  
  
  
                                            µÚË 
  
(×ªÔØÓëwww.swjtu.edu.cn)  
  
  
  
 ÕâÕÂÎÒ½«¸æËßÄúÈçºÎÔÚ״̬ÁР(statusbar) (Ò²¾ÍÊÇÄúä¯ÀÀÆ÷×îÏ·½ÏÔʾ URLs µÄÄÇÒ»ÐÐ) ÏÔʾÎÄ  
 ×Ö£¬²¢ÇÒ½«½ÌÄú 'ÅÜÂíµÆ' (ÒÔϼò³Æ scroller ) µÄ¹¤×÷Ô­Àí¡£ËäÈ»ÒÔ JavaScript Íê³ÉµÄ scroller Ä¿Ç°  
 ÈÔÓÐЩÎÊÌâ (ÉÔáá»áÌáµ½ÎÊÌâÔÚÄĶù?)£¬µ«ÎÒ»¹ÊǸæËßÄúËüÊÇÈçºÎд³ÉµÄ¡£  
  
 Ê×ÏÈ£¬ÈçºÎ½«ÎÄ×ÖÌîÈë statusbar ÄØ?ÏÂÊöÓï·¨½«¸æËßÄúÈçºÎ×öµ½ÕâÏÄÜ: (°´Ï°´Å¥ááÇë×¢ÊÓ  
 statusbar µÄ±ä»¯)   
  
                 
  
 ºÜÐÂÆæ°É! Çë¿´¿´Ô­Ê¼Âë :   
  
 <html>  
 <head>  
 <script language="JavaScript">  
 <!-- Hide  
 function statbar(txt) {  
    window.status = txt;  
 }  
 // -->  
 </script>  
 </head>  
 <body>  
 <form>  
 <input type="button" name="look" value="дÈëÎÄ×Ö" onclick="statbar('àË ! Õâ¾ÍÊÇ״̬  
 ÁР(statusbar) !');">  
 <input type="button" name="erase" value="Çå³ýÎÄ×Ö" onclick="statbar('');">  
 </form>  
 </body>  
 </html>  
  
 ÎÒÖÆ×÷ÁËÁ½¸ö¶¼»áºô½Ð statbar(txt) º¯Ê½ (function) µÄ°´Å¥¡£µ±´Ëº¯Ê½±»ºô½Ðáᣬ×Ö´®¾­ÓÉÀ¨»¡ÖР 
 µÄ±äÊý txt ´«¸ø statbar(txt)¡£ (²»Ò»¶¨ÒªÓàtxt£¬ÓñðµÄ±äÊýÃûÒ²¿ÉÒÔ)¡£µ±µçÄÔÖ´Ðе½ <form> tag  
 Ê±£¬ Ò»µ©°´Ï°´Å¥¾Í»áºô½Ð statbar(txt)¡£µ«ÊǵçÄÔ²¢Ã»ÓÐÂíÉϽ« txt µÄÄÚÈÝдÔÚ statusbar£¬Ö»ÊÇ  
 ½«ÓûÏÔʾµÄ×Ö´®´æÈë txt¡£»»¾ä»°Ëµ£¬½åÓɺô½Ðº¯Ê½£¬Ö»ÊÇÈñäÊý txt µÃµ½Ò»¸öÖµ¡£Òò´Ëµ±Äú°´  
 Ï 'дÈëÎÄ×Ö' Õâ¸ö°´Å¥áᣬ»áºô½Ð statbar(txt) ¶øÇÒ 'àË ! Õâ¾ÍÊÇ״̬ÁР(statusbar) !' Õâ¸ö×Ö´®»á  
 ´æÈë txt ÖС£ßÝ ! ½²ÁËÕâ÷á¶àÖ»ÊÇÏë¸æËßÄúÕâÖÖд·¨¿ÉÔ¤ÁôһЩµ¯ÐÔ¡£Ê²÷ᵯÐÔÄØ?¾ÍÊÇÄú¿ÉÖØ  
 ¸´Ê¹Óàtxt Õâ¸ö±äÊý¡£Äú¿´¿´µÚ¶þ¸ö°´Å¥£¬ËüÒ²ÊǺô½ÐÏàͬµÄº¯Ê½¡£ÈôÄú²»ÀûÓÃÒ»¸ö±äÊýÀ´´«µÝ  
 ×Ö´®µÄ»°£¬¾Í±ØÐëдÁ½¸ö²»Í¬µÄº¯Ê½ÁË¡£  
  
 ÄÇ÷á statbar(txt) µ½µ××öÁËЩʲ÷á?Æäʵûʲ÷ᣬֻÊǽ« txt µÄÄÚÈÝдÈë±äÊý window.statusÖС£Õâ  
 ÊÇÓÉ window.status = txt; ×öµÄ¡£ÁíÍâÈôÏëÏû³ýÎÄ×Ö£¬Ö»ÐèËÍÒ»¸ö¿Õ×Ö´® ('') ¸ø statusbar¡£Çë×¢  
 Ò⣬ÒòΪÔÚ onClick ÖÐÎÒÃÇÒѾ­Ê¹ÓÃË«ÒýºÅ " £¬ËùÒÔÕâÀï±ØÐëÓõ¥ÒýºÅ ' ¡£ÕâÊÇΪÁËÈÃä¯ÀÀÆ÷±æ  
 ÈÏÄÄÁ½¸öÒýºÅÊÇÒ»¶ÔµÄ£¬Òò´ËÄú±ØÐèË«ÒýºÅºÍµ¥ÒýºÅ½»ÌæÊ¹Óᣠ 
  
 Óɴ˷ݼò½éÎļþµÚ¶þÕÂÄúÒÑѧ¹ý onMouseOver µÄÌØÐÔÁË :  
 <a href="tpage.html" onMouseOver="window.status='Just another stupid link...'; return true">   
 Äú¿ÉÄÜ»á¶ÔÒ»¼þʸе½Ñá·³¡£ÄǾÍÊǵ± mouse µÄÖ¸±êÒÑ´Ó link ÒÆ¿ªÁË£¬µ«ÊÇ statusbar ÖеÄÎÄ×Ö  
 »¹ÁôÔÚÄÇ !û¹ØÏµ£¬ÎÒ½ÌÄúÒ»¸ö½â¾öµÄ°ì·¨¡£ÀûÓÃÉÏÃæ½ÌÄúÈçºÎÏû³ý statusbar ÖÐÎÄ×ֵķ½·¨£¬  
 ÎÒÃÇÀ´Ð´Ò»¸öСº¯Ê½¡£µ«ÊÇÈçºÎÕì²â³ö mouse µÄÖ¸±êÒÑ´Ó link ÒÆ¿ª²¢½ø¶øºô½ÐÏû³ýÎÄ×ֵĺ¯Ê½  
 ÄØ?Õì²â mouseÖ¸±êÊÇ·ñÒÑ´Ó link ÒƳöµÄ¹¦ÄÜĿǰ»¹ÎÞ·¨´ïµ½£¬µ«¿ÉÓà"¼ÆÊ±Æ÷" À´ÔÝʱ½â¾ö´Ë  
 ÎÊÌâ¡£   
  
 ÊÔÊÔ½« mouse ÒƵ½´Ë link ÉÏ¿´¿´ statusbar µÄ±ä»¯£¬µ«Çë²»Òª°´Ëü¡£   
  
 Ôõ÷áÑù?ºÜ°ô°É!¿´¿´ÏÂÃæµÄԭʼÂëÄú¾ÍÖªµ½Õâ¶«Î÷ºÜ¼òµ¥¡£   
  
 <html>  
 <head>  
 <script language="JavaScript">  
 <!-- Hide  
 function moveover(txt) {  
    window.status = txt;  
    setTimeout("erase()",1000);  
 }  
 function erase() {  
    window.status="";  
 }  
 // -->  
 </script>  
 </head>  
 <body>  
 <a href="dontclck.html" onMouseOver="moveover('˲¼ä¼´ÊÅ !');return true;">  
 link</a>  
 </body>  
 </html>  
  
 Õâ script µÄÐí¶à²¿·ÝÏàÐÅÄúÒÑÁ˽⡣ moveover(txt) ÆäʵºÍÏÈǰµÄ statbar(txt) ²î²»¶à¡£erase()Ò²ºÍ  
 ÏÈǰËùÌÖÂÛµÄÏàͬ¡£ÔÚ HTML ÍøÒ³ÖеĠ<body> tag ÀïÎÒÃǼÓÈëÒ»¸ö¾ßÓРonMouseOver ¹¦ÄÜÖ®  
 link¡£µ± mouse Ö¸±êÒÆÖÁ "link" ÉϾͻáºô½Ð moveover(txt)£¬²¢ÇÒÀûÓàtxt ±äÊý´«µÝ×Ö´® '˲¼ä¼´ÊÅ  
 !'¡£½ÓÏÂÀ´µÄ²½Öè¾ÍºÍ statbar(txt) Ò»Ñù£¬ window.status ÊÕµ½ txt µÄÖµáὫ֮ÏÔʾÔÚ statusbar ÉÏ¡£  
 ¶ø setTimeout(...)ÕâÏîк¯Ê½ÊÇÓÃÀ´×÷Ϊһ¸ö "¶¨Ê±Æ÷"¡£setTimeout(...)ÄÜ×÷Щʲ÷áÊÂÄØ?ËüµÄÖ÷  
 ÒªÌØÐÔÊǵ±Ä³¶ÎÉ趨µÄʱ¼ä "ÅÜ" ÍêÁËÖ®áᣬ±ãÖ´ÐÐijº¯Ê½¡£ÔÚÕâ¸öÀý×ÓÖУ¬ì¶ 1000 ºÁÃëáá (Ò²  
 ¾ÍÊÇ 1 Ãëáá) ¾Í»áÖ´ÐРerase()¡£»»¾ä»°Ëµ£¬µ± 1 Ãë½áÊøáá moveover(txt) µÄ¹¦ÄܾͻáÒò erase()µÄ  
 ×Ô¶¯Ö´ÐжøÍ£Ö¹¡£   
 ËäÈ»¹æ¶¨Ê±¼ä "ÅÜ" ÍêáᶨʱÆ÷²¢²»»áÖØÐÂÆô¶¯£¬µ«Äú¿ÉÒÔÔÚ erase() ÖÐÔÙÓÃÒ»´ÎsetTimeout(...)  
 £¬Ê¹ÆäÑ­»¹²»¶Ï£¬¿´ÆðÀ´¾ÍÏñÒ»¸öÅÜÂíµÆ (scroller)¡£   
  
  
  
 ÄúÒÑѧµ½ÁË setTimeout µÄ¹¦ÄܺÍÈçºÎÔÚ statusbar ÖÐÏÔʾÎÄ×Ö£¬½ÓÏÂÎÒ½«½ÌÄúÈçºÎÖÆ×÷Ò»¸öÔÚ  
 statusbar ÏÔʾµÄ "ÅÜÂíµÆ" (scroller)¡£   
  
  
 Çë°´Ï·½µÄ°´Å¥¿´¿´ÎÒ×öµÄ scroller¡£ÓÉì¶ script ÐèÓÉ server ÔØÈëµ½ÄúµÄµçÄÔÖУ¬Òò´ËÕâÒª»¨Ò»  
 µãʱ¼ä£¬ÇëÄÍÐĵÈһϡ£   
  
                         
  
 ÒÔÏÂÊÇԭʼÂë :   
  
 <html>  
 <head>  
 <script language="JavaScript">  
 <!-- Hide  
  
 var scrtxt="Ôõ÷áÑù ! ºÜ¿á°É ! ÄúÒ²¿ÉÒÔÊÔÊÔ."+"Here goes your message the visitors   
 to your page will "+  
 "look at for hours in pure fascination...";  
 var lentxt=scrtxt.length;  
 var width=100;  
 var pos=1-width;  
  
 function scroll() {  
   pos++;  
   var scroller="";  
   if (pos==lentxt) {  
     pos=1-width;  
   }  
   if (pos<0) {  
     for (var i=1; i<=Math.abs(pos); i++) {  
       scroller=scroller+" ";}  
     scroller=scroller+scrtxt.substring(0,width-i+1);  
   }  
   else {  
     scroller=scroller+scrtxt.substring(pos,width+pos);  
   }  
   window.status = scroller;  
   setTimeout("scroll()",150);  
   }  
 //-->  
 </script>  
 </head>  
 <body onLoad="scroll();return true;">  
 ÕâÀï¿ÉÏÔʾÄúµÄÍøÒ³ !  
 </body>  
 </html>  
  
 ÉÏÃæ script ÓõÄÓï·¨ÏàÐŴ󲿷ÝÄúÒѾ­¶®ÁË¡£ setTimeout(...) "¸æËß" ¼ÆÊ±Æ÷µ±Ê±¼äµ½Á˾ͺô½Ð  
 scroll()¡£ Èç´ËÒ»À´ scroller±ã»áÏòÇ°ÒÆ¶¯Ò»²½¡£ÔÚ script µÄ¿ªÍ·ÓÐÐí¶à¼ÆËãʽ£¬ÄÇÊÇÓÃÀ´¾ö¶¨ÎÄ  
 ×Ö¿ªÊ¼ÏÔʾµÄλÖã¬Á˲»Á˽Ⲣ²»ÖØÒª¡£Ò»µ©¾ö¶¨ÁËÎÄ×ֵįôʼλÖ㬾ͱØÐè¼ÓЩ¿Õ¸ñ (space)  
 ÒÔʹÎÄ×ÖÄÜÏÔʾÔÚÕýȷλÖᣠ 
  
 ÔÚ´ËÕÂÒ»¿ªÊ¼ÎÒÔøÌáµ½£¬´ËÖÖ scroller ²¢²»ÊǺÜÊÜ»¶Ó­¡£¼´Ê¹ÊÇ£¬Ò²²»»á³ÖÐøºÜ¾Ã¡£ÎªÊ²÷áÄØ?  
 ÏÂÃæÎÒÁгö¼¸¸öÖ÷ÒªÔ­Òò:  
 µ±µÚÒ»´Î¿´µ½ scroller »òÐíÄú»á¾õµÃºÜÐÂÆæ£¬µ«¾Ã¶ø¾ÃÖ®±ã»á¾õµÃË÷È»ÎÞζ¡£µ±È»£¬ÕâÊÇËùÓР 
 "¿áÍæÒâ¶ù" (cool trick) ½ÔÓеÄÏÖÏó¡£  
 ÆäʵÕ⻹²»ÊÇÖ÷ÒªÔ­Òò£¬¸üÑÏÖØµÄÎÊÌ⻹ÔÚááÍ·ÄØ ! µ±ÄúÒÆ¶¯ mouse Ê±£¬Äú¿ÉÒÔ·¢ÏÖ scroller µÄ  
 ËٶȸıäÁË (ÖÁÉÙÔÚÎҵĻúÆ÷ÉÏÊÇÈç´Ë)¡£ÓÈÆäµ±Äú¸ü¸Ä setTimeout µÄֵΪʹ scroller ÅÜ¿ìÒ»µãʱ  
 £¬ÕâÖÖÇé¿ö¸üÑÏÖØ¡£²»¹ýÕâÎÊÌâ»òÐí»¹Óнâ¾ö·½·¨¡£¸üÔãµÄÊÇÈôÈàscroller ÅܾÃÒ»µã£¬»á³öÏÖ  
 Out of memory errorµÄÎÊÌâ ! Ììѽ ! ÕâÊÇ Netscape Navigator 2.0 µÄÒ»¸ö "³ô³æ" (bug)¡£ÎÒÃÇÆÚ´ý  
 Ðµİ汾ÄܸüÕý´Ë bug (Òë°´ : Netscape Navigator Atlas Preview Release ÒѸüÕý´Ë bug)¡£   
  
 ÔÚÍøÂ·ÉÏÓÐÐí¶àÕâ·½ÃæµÄÓ¦Óã¬Äú¿ÉÒÔÊÔ×ÅÕÒÕÒ¡£ÎÒÔø¾­¿´¹ýÓÐÈ˽« scroller ·ÅÔÚ Homepage  
 ÖУ¬ ÕâÓ¦¸Ã²»»áÌ«ÄÑ¡£(Òë°´ : ÓÐÐËȤµÄÈË¿ÉÈþ¿¼Ä¿Â¼Öб¾ÈËËùÖÆ×öµÄ scroller)   
  
  
  
--  
9m  dMMMMM  NdMPOdMP dMMMMMP dMP dMP dMMMMMP        
  dMP"     dMP    dMP     dMP dMP dMP             V  
   VMMM   dMP    dMMMP   dMP dMP dMMMP          (mo o0m)  
dP .dMP  dMP    dMP      YMvAP" dMP            (  V  )                  
 VMMMP  dMP    dMMMMMP    VP"  dMMMMMP    .......m.m........                       
Û Û   
  
;36m¡ù ÐÞ¸Ä:£®Stephan ÓÚ Jul 30 13:40:32 Ð޸ı¾ÎÄ£®[FROM: 202.115.66.123]m  
m;34m¡ù À´Ô´:£®½õ³ÇæäÕ¾ bbs.swjtu.edu.cn£®[FROM: 202.115.66.123]m  
  
m;32m¡ù ×ªÔØ:£®½õ³ÇæäÕ¾ bbs.swjtu.edu.cn£®[FROM: 202.115.66.121]m  
 
<<<Ðżþ½áβ>>> 
 
-- 
¡ù À´Ô´:¡¤BBS Ë®Ä¾Ç廪վ bbs.net.tsinghua.edu.cn¡¤[FROM: curie.eps.jhu.e] 

BBSˮľÇ廪վ¡Ã¾«»ªÇø