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ˮľÇ廪վ¡Ã¾«»ªÇø