ªð¦^¦Cªí ¤W¤@¥DÃD µo©«

[±Ð¾Ç] (±Ð¾Ç²Ä21½g)ºô­¶»Pªí³æ ¤¤½g

[±Ð¾Ç] (±Ð¾Ç²Ä21½g)ºô­¶»Pªí³æ ¤¤½g

¶µ¥Ø¾ÉÄý»¡©ú
2.png
2010-5-18 23:43


¤å¦rÃìµ²¬O³Ì¤è«Kªº¶WÃìµ²¤è¦¡¡A¦ý¦³®É­Ô¬°¤F¾ãÅéºô­¶ªº°t¸m¦ÓµLªk§¹¾ã¦aªí¥ÜÃìµ²ªº¥Øªº¦a¡A³o­Ó®É­Ô§Ú­Ì¥i¥H³]©w¤@­Óªí³æ¤å¦rÄæ¦ì¨Ó§@¸Ô²Óªº»¡©ú¡I
  1. <HTML>
  2. <HEAD><TITLE>¶µ¥Ø¾ÉÄý»¡©ú</TITLE></HEAD>

  3. <SCRIPT LANGUAGE="JavaScript">
  4. var mcount = -2
  5. var speed = 100  //²¾°Ê®É¶¡,¶V¤j³t«×¶VºC
  6. timeID=setTimeout('',1)
  7. msg = new Array(2)
  8. //¢±¥Nªí¦³´X­Ó»¡©ú¶µ¥Ø,½Ð¦Û¦æ¥[´î,°t¦X¤U­±ªºmsg[x]Åܼư}¦C¨Ï¥Î
  9. msg[1] = "                       µ{¦¡³]­p±Ð¾Ç"
  10. //ªÅ®æ½Ð¨ÌÅã¥ÜÄæ¦ìªº¤j¤p¦Û¦æ½Õ¾ã
  11. msg[2] = "                       ºô­¶³]­p±Ð¾Ç"

  12. //·Æ¹««ü¼Ð²¾¤J¶WÃìµ²®É
  13. function inside(num)
  14. {
  15. n=num
  16. document.MYFORM.ANS.value =
  17. msg[n].substring(mcount=mcount+2,msg[n].length+2)
  18. if (mcount>msg[n].length)
  19. {mcount=-2}
  20. clearTimeout(timeID);
  21. timeID = setTimeout('inside(n)',speed)
  22. }
  23. //·Æ¹««ü¼Ð²¾¥X¶WÃìµ²®É
  24. function outside()
  25. {
  26. clearTimeout(timeID)
  27. mcount = -2
  28. document.MYFORM.ANS.value = "²¾¦ÜÃìµ²¤å¦r¬Ý»¡©ú"
  29. }
  30. </SCRIPT>

  31. <BODY>

  32. <FORM NAME="MYFORM">
  33. <input type="text" name="ANS" size="20" value="²¾¦ÜÃìµ²¤å¦r¬Ý»¡©ú">
  34. </FORM>

  35. <a href="http://www.twbts.com/" onMouseOver="inside(2)" onMouseOut="outside()">³Â»¶¾Ç¶é</a><BR>
  36. <a href="http://dgr.twbts.com/" onMouseOver="inside(1)" onMouseOut="outside()">¿v¹Ú¾Ç¶é</a>

  37. </BODY>
  38. </HTML>
½Æ»s¥N½X

  • µ{¦¡½X²Ä35¦Ü37¦æ¡A§Ú­Ì¦bºô­¶¥DÅé(BODY)¤º¡A«Ø¥ß¤F¤@­Óªí³æ¡uMYFORM¡v¡A¦Ó¦bªí³æ¤º¤S§G¸m¤F¤@­Ó³æ¦æ¤å¦r¤è¶ô¤¸¥ó¡uANS¡v¡A¥Î¨Ó©ñ¸m¶µ¥Ø¾ÉÄý»¡©úªº¸ê®Æ¡A©Ò¥H¡A·í§Ú­Ì­n±N¸ê®Æ©ñ¤J¤å¦r¤è¶ô¤¸¥ó®É¥²¶·¨Ï¥Î¤U¦C±Ô­z¡G
    1. document.MYFORM.ANS.value=¡¨¸ê®Æ¡¨
    ½Æ»s¥N½X
  • ¦b¤å¦rÃìµ²¤¤§Ú­Ì³£¨Ï¥Î¤F¨â­Ó·Æ¹«¨Æ¥ó¡AonMouseOver»PonMouseOut¡A·í·Æ¹««ü¼Ð¶i¤J¶WÃìµ²®ÉIJµoonMouseOver¨Æ¥ó¡AonMouseOver¨Æ¥ó·|©I¥sinside()¨ç¦¡¡A¦Ó¦b¡uANS¡v¤å¦r¤è¶ô¤¸¥ó¤¤°µ¥X¶WÃìµ²¶µ¥Ø»¡©úªº¶]°¨¿O®ÄªG¡F·í·Æ¹««ü¼Ð²¾¥X¶WÃìµ²®ÉIJµoonMouseOut¨Æ¥ó¡AonMouseout¨Æ¥ó·|©I¥soutside()¨ç¦¡¡A¦Ó¦b¡uANS¡v¤å¦r¤è¶ô¤¸¥ó¤¤Åã¥Ü¹w³]¤å¦r¡C
  • ¦b©I¥sinside()¨ç¦¡®É¡A¥²¶·µ¹¤©°Ñ¼Æ¡A¦¹°Ñ¼Æªº¥Øªº¦b©ó¨ú¥X¬Û¹ïÀ³©ó¸Ó°Ñ¼Æ¤§Åܼư}¦C¡umsg¡v¤¤ªº°}¦C¤¸¯À¸ê®Æ¡A¦P®É±N¸Ó°}¦C¤¸¯À¸ê®Æ¿é¥X©ó¡uANS¡v¤å¦r¤è¶ô¤¸¥ó¤¤¡C

1.png
2010-5-18 23:43
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

¤U©Ô¦¡¿ï³æÀ³¥Î
¤U©Ô¦¡¿ï³æ¬Oªí³æ¤¸¥óªº¤@ºØ¡A§Ú­Ì¥u­n§Q¥Î<select name=¡¨¦WºÙ¡¨>HTML¼ÐÅÒ´N¥i¥H§â¥¦«Ø¥ß¥X¨Ó¡A¦ý³o¥u¬O¤@­ÓªÅ´ß¡A¤U©Ô¦¡¿ï³æÁÙ¥²¶·¥]§t¿ï³æ¶µ¥Ø¡A­n«Ø¥ß¿ï³æ¶µ¥Ø¥²¶·¨Ï¥Î<option>HTML¼ÐÅҨӫإߡG
  1. <HTML>
  2. <HEAD><TITLE>¤U©Ô¦¡¿ï³æ</TITLE></HEAD>
  3. <BODY>
  4. <form ="myform">
  5.   <select name="myselect">
  6.   <option value="http://www.twbts.com">³Â»¶¾Ç¶é</option>
  7.   <option value="http://dgr.twbts.com">¿v¹Ú¾Ç¶é</option>
  8.   <option value="http://office.twbts.com">office¾Ç¶é</option>
  9.   </select>
  10. </form>
  11. </BODY>
  12. </HTML>
½Æ»s¥N½X
1.png
2010-5-18 23:48


°ò¥»ªº¤U©Ô¦¡¿ï³æ¬O¥Ñ¤@­Ó¡u¤å¦r¤è¶ô¡v»P¤@­Ó¡u¤U©Ô«ö¶s¡v©Ò²Õ¦X¦Ó¦¨¡A¦b¤å¦r¤è¶ô¤¤·|Åã¥Ü§Ú­Ì²Ä¤@­Ó§Q¥Î<option>HTML¼ÐÅҫإߥX¨Óªº¸ê®Æ¶µ¥Ø¡A¦b§Ú­Ì¨S¦³«ö¤U¡u¤U©Ô«ö¶s¡v¤§«e¡A§Ú­Ì¥u¯à¬Ý¨ì³o²Ä¤@­Ó§Q¥Î<option>HTML¼ÐÅҫإߥX¨Óªº¸ê®Æ¶µ¥Ø¡C

·í§Ú­Ì©Ô¤U²M³æ¦Cªí¡AÂI¿ï¨ä¤¤ªº¸ê®Æ¶µ¥Ø¡A¥H¤W¨Ò¨Ó»¡¡G°²³]ÂI¿ï¡uoffice¾Ç¶é¡v¡Aµ²ªG³QÂI¿ï¸ê®Æ¶µ¥Ø´N·|¥X²{¦b¤W­±ªºÄæ¦ì¤¤¡A¦p¤U¹Ï¡G
2.png
2010-5-18 23:48


¤U©Ô¦¡¿ï³æ¤¤ªº¶µ¥Ø¬O±Ä°}¦C¶°¦X¤è¦¡¡A©Ò¥H¡A¨C­Ó¸ê®Æ¶µ¥Ø´N¬O¤@­Ó°}¦C¤¸¯À¡A¦Ó³o­Ó°}¦C¦WºÙ´N¥s°µ¡uoptions¡v¡C
3.png
2010-5-18 23:48


¦b¤W¨Ò¤¤¡A§Ú­Ì«Ø¥ß¤F¤@­Óªí³æ¡G¡umyform¡v¡A¡umyform¡vªí³æ¤¤§t¦³¤@­Ó¤U©Ô¦¡¿ï³æ¤¸¥ó¡umyselect¡v¡A°²³]¡A§Ú­Ì²{¦b­n¨ú¦^¤U©Ô¦¡¿ï³æ¤¸¥ó¡umyselect¡v¤¤¸ê®Æ¶µ¥Øªº­È¡A¨º§Ú­Ìªºµ{¦¡±Ô­z¸Ó¦p¦ó¼g¡H§Ú­Ìª¾¹D¤@­Ó¤U©Ô¦¡¿ï³æ¤¸¥ó¡umyselect¡v¬OÁõÄÝ©óªí³æ¡umyform¡vªº¦¨­û¡A¦Óªí³æ¤S¥u¬Odocumentª«¥óªº¤@³¡¥÷¡A¦]¦¹­n¦s¨ú¤U©Ô¦¡¿ï³æ¤¸¥ó¡umyselect¡v¤¤ªº¸ê®Æ¡A§Ú­Ì´N¥²¶·³o¼Ë¡G¡u§Ú­n¦s¨údocument¤¤myformªí³æªºmyselect¤U©Ô¦¡¿ï³æ¤¸¥ó¤º½s¸¹¬°xªº¶µ¥Ø¸ê®Æ¡v¡A­Y§Q¥ÎJavaScriptµ{¦¡¬O±Ô­z¨Óªí¥Ü¡A«h¦p¤U¦¡¡G
  1. document.myform.myselect.options[x].value
½Æ»s¥N½X
  1. ºô­¶.ªí³æ¦W.¤U©Ô¦¡¿ï³æ¦W.¶µ¥Ø[½s¸¹].¸ê®Æ(­È)
½Æ»s¥N½X
·í§Ú­Ì©Ô¤U²M³æ¦Cªí¡AÂI¿ï¨ä¤¤ªº¸ê®Æ¶µ¥Ø®É¡A¤U©Ô¦¡¿ï³æ±N·|¥Î¡uselectedIndex¡vÄݩʨӰO¿ý³Q¿ï¨ú¸ê®Æ¶µ¥Øªº¡u½s¸¹¡v¡A¥H¤W¨Ò¨Ó»¡¡G°²³]ÂI¿ï²Ä¤T­Ó¸ê®Æ¶µ¥Ø¡uoffice¾Ç¶é¡v¡Aµ²ªG³QÂI¿ï¸ê®Æ¶µ¥Ø´N·|¥X²{¦b¤W­±ªºÄæ¦ì¤¤¡A¦¹®É¡A¡uselectedIndex¡vÄÝ©Ê©Ò°O¿ýªº½s¸¹´N¬O¡u2¡v¡I

¹ê§@¾Ç²ß¡G
¥Î¤U©Ô¦¡¿ï³æ³]­p¤@­Óºô¯¸§Ö¿ï¥\¯àµ{¦¡¡C
  1. <HTML>
  2. <HEAD><TITLE>ºô¯¸§Ö¿ï</TITLE></HEAD>
  3. <BODY>
  4. <SCRIPT Language="JavaScript">
  5. //¤Á´«ºô§}
  6. function changeurl()
  7. {
  8. window.location=
  9. document.myform.myselect.options
  10. [document.myform.myselect.selectedIndex].value
  11. }
  12. </SCRIPT>
  13. <form name="myform">
  14.   <select name="myselect" OnChange="changeurl()">
  15.   <option value="http://www.twbts.com">³Â»¶¾Ç¶é</option>
  16.   <option value="http://dgr.twbts.com">¿v¹Ú¾Ç¶é</option>
  17.   <option value="http://office.twbts.com">office¾Ç¶é</option>
  18.   </select>
  19. </form>
  20. </BODY>
  21. </HTML>
½Æ»s¥N½X
4.png
2010-5-18 23:49


·í§Ú­Ì©Ô¤U²M³æ¦Cªí¡AÂI¿ï¨ä¤¤ªº¸ê®Æ¶µ¥Ø®É¡A±N·|¤Þµo¤@­Ó¡uOnChange¡v¨Æ¥ó¡A¤]´N¬O»¡¡G·í¤U©Ô¿ï³æ¤W¤èªº¤å¦r¤è¶ô¤º®e§ïÅܮɴN¬O¡uOnChange¡v¨Æ¥ó³QIJµo¤§®É¡C¦b¤W¨Ò¤¤¡A§Ú­Ì´N¬O§Q¥Î¡uOnChange¡v¨Æ¥ó³QIJµo®É©I¥schangeurl()¨ç¦¡¨Ó§ïÅÜÂsÄý¾¹¥Ø«eªº³sµ²¦ì§}¡]­ì©l½X²Ä12¦æ¡^¡C
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

¡uthis¡vÃöÁä¦r
·í§Ú­Ì¨Ï¥Î¨ìºô­¶¤¤ªºªí³æ¤¸¥ó®É¡A¹³¤W¤@¹ê§@¾Ç²ß¤¤¡G¡udocument.myform.myselect.selectedIndex¡v¡A¬°¤F¨ú±o³Q¿ï¨ú¶µªº¯Á¤Þ½s¸¹¡A¬v¬vÅxÅxªº¼g¤F¤@ªø¬q¡A¤£¦ý¥´ªº¤â»Ä¡Aµ{¦¡½X¤]©ìªº¬Û·íªø¡A¦pªG§Ú­Ì±N¹ê§@¾Ç²ß¤W¤@¤¤ªº¨ç¦¡±Ë¥h¡Aª½±µ±Nµ{¦¡±Ô­z¼g¦b¡uOnChange¡v¨Æ¥ó¤¤¥i¯à·|µu¤@¨Ç¡G
  1. <HTML>
  2. <HEAD><TITLE>ºô¯¸§Ö¿ï</TITLE></HEAD>
  3. <BODY>
  4. <form name="myform">
  5.   <select name="myselect" OnChange=
  6. "window.location=document.myform.myselect.options
  7. [document.myform.myselect.selectedIndex].value">
  8.   <option value="http://www.twbts.com">³Â»¶¾Ç¶é</option>
  9.   <option value="http://dgr.twbts.com">¿v¹Ú¾Ç¶é</option>
  10.   <option value="http://office.twbts.com">office¾Ç¶é</option>
  11.   </select>
  12. </form>
  13. </BODY>
  14. </HTML>
½Æ»s¥N½X
°ÝÃD¬O¡G±Ô­zÁÙ¬O©ìªº«Üªø£«¡I©Ò¥H¡A­n¨Ïµ{¦¡½Xµu¤@¨Ç¡B¤Ö¥´ÂI¦r¡A§Ú­Ì´N¥i¥H¨Ï¥Î¡ythis¡zÃöÁä¦r¡C

¡ythis¡zÃöÁä¦r¥i¥H´À¥N¤¸¥ó¥»¨­ªº¦W¦r¡A¹³¦b¤W¤@¹ê§@¾Ç²ß¤¤¡udocument.myform.myselect.selectedIndex¡v³o¬q¡A´N¥i¥H¼g¦¨¡uthis.myform.myselect.selectedIndex¡v¡A¦n¹³¨S¤°»ò¥Î¹À¡I¦ý¬O¡A­Yª½±µ±Nµ{¦¡±Ô­z¼g¦b¡uOnChange¡v¨Æ¥ó¤¤¡A¨º¡ythis¡zÃöÁä¦r¥i´N¦n¥Î¤F¡I¦]¬°§Ú­Ìµ{¦¡±Ô­z¬O¦bªí³æ¤¤ªº<select>¤º°õ¦æªº¡A¦]¦¹¡A§Ú­Ì­ì¥ý¼¶¼gªº¡udocument.myform.myselect¡v´N¥i¥H¥Î¡ythis¡zÃöÁä¦r¨Ó¨ú¥N¡G
  1. <HTML>
  2. <HEAD><TITLE>ºô¯¸§Ö¿ï</TITLE></HEAD>
  3. <BODY>
  4. <form name="myform">
  5.   <select name="myselect" OnChange="window.location=this.options
  6. [this.selectedIndex].value">
  7.   <option value="http://www.twbts.com">³Â»¶¾Ç¶é</option>
  8.   <option value="http://dgr.twbts.com">¿v¹Ú¾Ç¶é</option>
  9.   <option value="http://office.twbts.com">office¾Ç¶é</option>
  10.   </select>
  11. </form>
  12. </BODY>
  13. </HTML>
½Æ»s¥N½X
¹ê§@¾Ç²ß¡G
§Q¥Î¤U©Ô¦¡¿ï³æ°t¦X¡ythis¡zÃöÁä¦r³]­p¤@­Ó§ó´«ºô­¶­I´º¦âµ{¦¡¡C
  1. <HTML>
  2. <HEAD><TITLE>§ó´«­I´º¦â</TITLE></HEAD>
  3. <BODY>
  4. <form>
  5. <select OnChange=
  6. "document.bgColor=this.options[this.selectedIndex].value">
  7.   <option value="feefcc">¯»¶À</option>
  8.   <option value="ffd2cc">¯»¾ï</option>
  9.   <option value="c7fedd">¯»ºñ</option>
  10.   </select>
  11. </form>
  12. </BODY>
  13. </HTML>
½Æ»s¥N½X
4.png
2010-5-18 23:54
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

        ÀR«ä¦Û¦b : ¡i°µ¤Hªº¶}©l¡j¨C¤@¤Ñ³£¬O¬G¤Hªº¶}©l¡A¨C¤@­Ó®É¨è³£¬O¦Û¤vªºÄµ±§¡C
ªð¦^¦Cªí ¤W¤@¥DÃD