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

[±Ð¾Ç] (±Ð¾Ç²Ä32½g) Dynamic HTML ¤W½g

[±Ð¾Ç] (±Ð¾Ç²Ä32½g) Dynamic HTML ¤W½g

Åܧ󤸥ó¦ì¸m
¹ïCSS¼Ë¦¡ªí¦³¨Ç³\»{ÃÑ«á¡A§Ú­Ì²{¦b¨Ó¬Ý¬Ý¦p¦ó³z¹LJavaScript»PCSS¼Ë¦¡ªí¨Ó°ÊºA§ïÅܺô­¶¤¸¥óªº¦ì¸m¡I¤U¨Ò¬O¤@­Ó²©öªº¾Ç²ß¨Ò¤l¡G¦bºô­¶¤¤¦³¤@±i¹Ï¤ù¡Aºô­¶¸ü¤J®É¥¦¬OÀR¤îªº³á¡I·í§Ú­Ì¦b¥¦¨­¤W¥Î·Æ¹«ÂIÀ»®É¡A¥¦´N·|¶}©l²¾°Ê³á¡I



³o¤Ó¯«©_¤F§a¡I¨S¤°»ò°Õ¡I§Ú­Ì¥u¬O§ïÅܤ¸¥óªº¦ì¸m¦Ó¤w¡A¦bºô­¶¤¤¡A§Ú­Ì¥u­n¦b¹Ï¹³¼ÐÅÒ¤¤¥[¤W¥¦ªº¿ë§O¦WºÙ(ID)´N¥i¥HÅý³o¹Ï¹³¼ÐÅÒÅܦ¨JavaScript¥i¥H±±¨îªººô­¶¤¸¥ó¡AÁÙ¦³¡A³Ì­«­nªº¤@ÂI¡G§Ú­Ì­n§Q¥ÎCSS¼Ë¦¡³]©w±N¤¸¥óªº©w¦ì¤è¦¡¡I·í§Ú­Ì±Nposition©w¦ìÄݩʪº­È³]©w¬°¡urelative¡v¡A«hºô­¶¤¸¥óªº¦ì¸m±N»Pºô­¶¤å¥ó¤¤ªº¨ä¥L¤¸¥ó¤ÀÂ÷¦Ó¿W¥ß©óºô­¶±Æª©®æ¦¡¤§¥~¡A¦ý¬O¡K¤¸¥ó­ì©lªº¦ì¸m·|¯d¤UªÅ¥Õ¡A©Ò¥H§Ú­ÌÀ³¸Ó±Nposition©w¦ìÄݩʪº­È³]©w¬°¡uabsolute¡v¡A¦P¼Ë¥i¥H±N¤¸¥ó¿W¥ß©óºô­¶±Æª©®æ¦¡¤§¥~¡A¦ý¤¸¥ó­ì©lªº¦ì¸m«o¤£·|¯d¤UªÅ¥Õ³á¡I
  1. <img src="cssjava.gif" style="position:absolute" id="map" onClick="movemap()">
½Æ»s¥N½X
¦Ò§A¤@¤U¡G¦b§Ú­Ì«ö¤U·Æ¹««öÁä®É·|²£¥Í¤°»ò¨Æ¥ó¡H¨S¿ù¡I¬O¡uºVÀ»¡v¨Æ¥ó¡I§Ú­Ì¤£¬O­n¦bºVÀ»¹Ï¤ù®É­nÅý¹Ï¤ù²¾°Ê¶Ü¡H©Ò¥H¡A¦b¹Ï¹³¼ÐÅÒ¤¤§Ú­Ì´N¦A¥[¤W¤@­ÓOnClick¨Æ¥ó±±¨î¾¹¡AÅý¹Ï¤ù³QºVÀ»®É§Q¥ÎOnClick¨Æ¥ó±±¨î¾¹¨Ó©I¥s§Ú­Ì²¾°Ê¹Ï¤ùªºmovemap()¨ç¦¡¡I
  1. function movemap()
  2. {
  3.   step+=3
  4.   document.all.map.style.top = step+"px"
  5.   setTimeout("movemap()",speed)
  6. }
½Æ»s¥N½X
¦bmovemap()¨ç¦¡¤¤¡AstepÅܼƬO¥Î¨Ó¨M©w¹Ï¤ùªº¦ì¸m¡A¨ç¦¡¨C°õ¦æ¤@¦¸¡AstepÅܼƭȴN¥[3¡A¦ÓstepÅܼƪº­È´N¬O¥Î¨Ó¨M©w¹Ï¤ù¤¸¥óªº¦ì¸m¡Aª`·N³á¡I·í§Ú­Ì«ü©w¹Ï¤ù¦ì¸m®É¡A¦ì¸mtopªºÄݩʭȳæ¦ì¬O¹³¯À³á¡I©Ò¥H¡A¦b§Ú­Ì©w¦ì¸mªº®É­Ô§O§Ñ¤F­n¦ê±µ¤W³æ¦ì¡upx¡v¡]¤Wªíµ{¦¡½X²Ä¥|¦æ¡^¡C±µµÛ§Ú­Ì¦A¨Ï¥Î©w®É¾¹setTimeout()¨ç¦¡­«½Æ°õ¦æ§ïÅܹϤù¦ì¸mªº±Ô­z¨Ó³sÄò²¾°Ê¹Ï¤ù¡C
moveA.htm
  1. <html>
  2. <head>
  3. <title>²¾°Ê¤¸¥ó</title>

  4. <script language="JavaScript">
  5. //³]©w²¾°Ê¶ZÂ÷ªº¨B¶i­ÈÅܼÆ
  6. step=0
  7. //³]©w²¾°ÊªºÅÜ´«®É¶¡
  8. speed=500
  9. //²¾°Ê¹Ï¤ù¤¸¥óªº¨ç¦¡
  10. function movemap()
  11. {
  12. //¨C¦¸²¾°Ê¤T­Ó³æ¦ì
  13.   step+=3
  14. //§ïÅܹϤù¤¸¥ó¦ì¸m
  15.   document.all.map.style.top = step+"px"
  16. //³sÄò©I¥s¨ç¦¡«ùÄò²¾°Ê¹Ï¤ù¦ì¸m
  17.   setTimeout("movemap()",speed)
  18. }
  19. </script>

  20. </head>
  21. <body>

  22. <img src="cssjava.gif" style="position:absolute" id="map" onClick="movemap()">

  23. </body>
  24. </html>
½Æ»s¥N½X
³Þ¡I¤p»x£«¡A¹Ï¤ù¥¦¤@ª½©¹¤U¶]¤£°±¤F°Õ¡I«ç»ò¿ì¡H³á¡I³o¬O¦]¬°§Ú­Ì¨S¦³­q©w¹Ï¤ù¦ì¸m²¾°Êªº²×ÂI°Õ¡I¨SÃö«Y¡I±µµÛ©¹¤U¬Ý¡A§Ú­Ì¦A¨Ó¹ê°µ¤@¤U¡A³o¦¸¤£­n¦AÅý¹Ï¤ù©¹¤U¶]¡A§Ú­ÌÅý¥¦¥Ñ¥ª¦V¥k¶]¡I¦Ó¥B¨ì¤å¥óµøµ¡Ãä½t´NÅý¥¦°±¤U¨Ó¡C



¦b¥»¨Ò¤¤¡A¹Ï¤ù·|±qºô­¶¥ª¤è¦V¥k²¾°Ê¦Üºô­¶¦Ê¤À¤§¦Ê¼e«×ªº¦a¤è°±¦í¡A·í§A¶}±Ò½d¨ÒÀɮרæb¹Ï¤ù¤W«ö¤U·Æ¹««öÁä®É¡A¹Ï¤ù¬O·|¦V¥k²¾°Ê¡A¦ý¬O²¾°Êªº¼Ò¼Ë«Ü¤£·Æ¶¶¦ÛµM¡A©Ò¥H¡A§A¦bµ{¦¡³]­pªº®É­Ô´N­n°O±o§ïÅܬÛÃöªºÅܼƳ]©w­È¡]²¾°Êªº¦ì¸m»P¤Á´«¦ì¸mªº®É¶¡¡^¡AÅý¹Ï¤ùªº²¾°Ê´N¦p¦P§A¦b¬Ý¥d³q¤@¯ëªº¬yºZ¡C

moveB.htm(¹Ï¤ù²¾°Ê¨ç¦¡³¡¤Àµ{¦¡½X)
  1. <script language="JavaScript">
  2. //³]©w²¾°Ê¶ZÂ÷ªº¨B¶i­ÈÅܼÆ
  3. step=0
  4. //³]©w¹Ï¤ù²¾°Êªº¥kÃä¬É¦Ê¤À¤ñ
  5. inside=100
  6. //³]©w²¾°ÊªºÅÜ´«®É¶¡
  7. speed=500
  8. //²¾°Ê¹Ï¤ù¤¸¥óªº¨ç¦¡
  9. function movemapright()
  10. {
  11. //¨C¦¸²¾°Ê¤T­Ó³æ¦ì
  12.   step+=3
  13. //§ïÅܹϤù¤¸¥ó¦ì¸m
  14. if (step<=inside)
  15. {
  16. document.all.map.style.left = step+"%"
  17. //³sÄò©I¥s¨ç¦¡«ùÄò²¾°Ê¹Ï¤ù¦ì¸m
  18.   setTimeout("movemapright()",speed)
  19. }
  20. }
  21. </script>
½Æ»s¥N½X
¬Ý¨ì¤Wªí³o¬qÅý¹Ï¤ù¥Ñ¥ª¦V¥k²¾°Êªºµ{¦¡½X¡A§A¥i¥Hµo²{¡G

  • ¤ñÅý¹Ï¤ù¥Ñ¤W¦V¤U²¾°Êªºµ{¦¡½X¦h¤F¤@­ÓÅܼÆinside¡AinsideÅܼƴN¬O¥Î¨Ó³]©w§PÂ_¹Ï¤ù¬O§_¶W¹Lºô­¶Ãä¬É¡B¬O§_­n°±¤î²¾°Ê¹Ï¤ùªº§PÂ_ÅܼơA§Ú­Ì±N¥¦ªº­È³]©w¬°100¡A½Ð¤p¤ß³á¡I¥¦ªº³æ¦ì¥i¤£¬O¹³¯À¡A¦Ó¬O¡u¢M¡v¦Ê¤À¤ñ¡I¬Û¹ïªº¡AstepÅܼƪº­È¤]¬O¡u¢M¡v¦Ê¤À¤ñ¡I§Ú­Ì¹Ï¤ù¨C¦¸¦V¥k²¾°Êºô­¶¼e«×ªº¦Ê¤À¤§¤T¡C
  • ¦b²¾°Ê¹Ï¤ù¤§«e¡A§Ú­Ì¥²¶·¥ý§PÂ_¹Ï¤ù¬O§_¤w¸g²¾¥X§Ú­Ì©Ò³]©wªººô­¶¼e«×(µ{¦¡½X²Ä14¦æ)¡A¦pªG¨S¦³¡A§Ú­Ì¦AÄ~Äò°õ¦æ¹Ï¤ù¦V¥k²¾ªº¦ì¸mÅÜ´«µ{¦¡±Ô­z¡]µ{¦¡½X²Ä16¦æ¡^¡C
  • ¦]¬°§Ú­Ì«ü©w¹Ï¤ù¦ì¸m®É¡A¦ì¸mleftªºÄݩʭȳæ¦ì³o¦¸¬O¨Ï¥Î¡u¢M¡v¦Ê¤À¤ñ¡I©Ò¥H¡A¦b§Ú­Ì©w¦ì¸mªº®É­Ô§O§Ñ¤F­n¦ê±µ¤W³æ¦ì¡u¢M¡v¡]µ{¦¡½X²Ä16¦æ¡^¡C


¬ã¨s¡G
§Ú­Ì¬O©w¤F¹Ï¤ù²¾°Êªº²×¤î­È¡A°ÝÃD¬O¡G¹Ï¤ù²¾¨ìµøµ¡¥kÃä°±¤U¨Ó¡A¥i¬O¥u¬Ý¨ì§À¤Ú£«¡A«ç·|³o¼Ë¡H§Ú­Ì¤£¬O³]©w¹Ï¤ùªº¦ì¸m¤£¥i¶W¹LÃä¬É¶Ü¡H



­º¥ý¡A§Ú­Ì¥²¶·¤F¸Ñ¤¸¥ó¦ì¸mÄÝ©Ê¡utop¡v»P¡uleft¡v©w¸q¡A¡utop¡v»P¡uleft¡v¬O«ü¤¸¥ó¥ª¤W¨¤ªº®y¼Ð¦ì¸m¡I¡utop¡v¥Nªí««ª½¶b¤]´N¬OY¶bªº®y¼Ð¦ì¸m¡F¡uleft¡v¥Nªí¤ô¥­¶b¤]´N¬Ox¶bªº®y¼Ð¦ì¸m¡I

¦b¤W¨Ò¤¤¡A§A¤§©Ò¥H¥u¬Ý¨ì¹Ï¤ùªº§À¤Ú¡A¨º¥¿¬O¦]¬°¹Ï¤ùªº¥ª¤W¨¤¦ì¸m¥NªíÂI¨Ã¨S¦³¶W¹L§Ú­Ì³]ªº½d³ò£«¡I¨º§A¤@©w·|»¡¡G¤£´N§â¥ªÃä¬É©w¬°100%¡A§ï­q¬°90%´N¦æ¤F¡I¨þ¡A¤Ö¨Ó¡A§A«çª¾¹D¨º¤Öªº10%­è¦n¬O¹Ï¤ùªº¼e«×¡H©Ò¥H¡A³Ì¦nªº¿ìªk´N¬O¤£­n¥H¦Ê¤À¤ñªº¤è¦¡¨Ó©w¦ì¸m¡Aª½±µ¥Î¡u¹³¯À¡vªº¤è¦¡¨Ó°µ¡I§A¥i¥H°Ñ¦Ò½d¨ÒmoveA.htm¡A¤£¹L§A¤£­n¡u°PÃסv¤p»x³á¡I¦]¬°¤p»x¬O¹w³]¹Ï¤ù¦V¥k²¾°Ê600­Ó¹³¯À¡A¸U¤@µøµ¡®Ú¥»´N¨S600­Ó¹³¯À¼e¡A¨º§A®£©È³s¹Ï¤ù§À¤Ú³£¬Ý¤£¨ì¡I§O«æµÛ½|¤p»x¡IÄ~Äò©¹¤U¤@¸`¬Ý¤U¥h¡I

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

ºô­¶¤å¥óªº½d³ò
©Ò¿×ºô­¶¤å¥óªº½d³ò´N¬O«ü¡G¦bÂsÄý¾¹¤¤ºô­¶¤å¥ó¥i¥H§e²{¤º®eªº°Ï°ì¡]client¡^¡A·íÂsÄý¾¹ÁY©ñ®É³o¥i¥H§e²{¤º®eªº°Ï°ì¡]client¡^¤]·|¸òµÛÅܤj©ÎÁY¤p¡I­n¨ú±o¤u§@¤¤ÂsÄý¾¹ªººô­¶¤å¥ó¥i§e²{¤º®eªº°Ï°ì¼e«×¸ò°ª«×§Ú­Ì¥i¥H§Q¥Îdocumentª«¥óªº¨âºØÄÝ©Ê¡G

ÄÝ©Ê

§@¥Î

document.body.clientWidth

ºô­¶¤å¥ó¥i§e²{¤º®eªº°Ï°ì¼e«×

document.body.clientHeight

ºô­¶¤å¥ó¥i§e²{¤º®eªº°Ï°ì°ª«×


ª`·N¡G¨âªÌÄݩʪº³æ¦ì³£¬O¹³¯À¡A¦ý¬O¡A©Ò¨ú±oªºÄݩʭȬO¤@­Ó¼Æ­È¡C


ª¾¹D¦p¦ó¨ú±oºô­¶¤å¥ó¥i§e²{¤º®eªº°Ï°ì¼e«×¸ò°ª«×«á§Ú­Ì´N¥i¥H¶¶§Q¦a§¹¦¨¡AÅý¹Ï¤ù°±¦b§Ú­Ì¬Ýªº¨£¥þ»ªªººô­¶¤å¥ó¦ì¸m¤F¶Ü¡H·íµM¤£¦æ¡I§A§Ñ¤Fºô­¶¤¸¥óªº¦ì¸mÄÝ©Ê¡utop¡v»P¡uleft¡v©w¸q¤F§a¡I©Ò¥H¡A¹Ï¤ù­n°±¤îªº¦ì¸mÀ³¸Ó¬O¡G
  1. //¦V¥k²¾ªºÃä¬É
  2. document.body.clientWidth - document.all.map.width
  3. //¦V¤U²¾ªºÃä¬É
  4. document.body.clientHeight - document.all.map.height
½Æ»s¥N½X
ª`·N¬Ý¤U¹Ï¡A¤ô¥­»P««ª½ªº±²°Ê¶b³£¨S§@¥Î³á¡I

  1. <html>
  2. <head>
  3. <title>²¾°Ê¤¸¥ó</title>

  4. <script language="JavaScript">
  5. //¹w³]°Ê¶ZÂ÷ªº¨B¶i­ÈÅܼÆ
  6. step=0
  7. //³]©w²¾°ÊªºÅÜ´«®É¶¡
  8. speed=100
  9. //²¾°Ê¹Ï¤ù¤¸¥óªº¨ç¦¡
  10. function movemapright()
  11. {
  12. //¨C¦¸²¾°Ê¤­­Ó³æ¦ì
  13.   step+=5
  14. //¨M©w¹Ï¤ù²¾°Êªº°±¤îÃä¬É
  15. inside=document.body.clientWidth - document.all.map.width
  16. //§ïÅܹϤù¤¸¥ó¦ì¸m
  17. if (step<=inside)
  18. {
  19. document.all.map.style.left = step+"px"
  20. //³sÄò©I¥s¨ç¦¡«ùÄò²¾°Ê¹Ï¤ù¦ì¸m
  21.   setTimeout("movemapright()",speed)
  22. }
  23. }
  24. </script>

  25. </head>
  26. <body>

  27. <img src="cssjava.gif" style="position:absolute" id="map" onClick="movemapright()">

  28. </body>
  29. </html>
½Æ»s¥N½X
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

¤¸¥ó¦ì¸mªº³æ¦ì
§Ú­Ì¤§«e¦b©w¸qºô­¶¤¸¥óªº¦ì¸m¬O§Q¥Î¡utop¡v»P¡uleft¡vªºÄݩʨӳ]©w¡A¦Ó³o¨âºØÄݩʭȪº³]©w¡A§Ú­Ì¤S¥²¶·¥[¤W³æ¦ì¹³¯À(px)©Î¦Ê¤À¤ñ(%)¡A³o¼Ë·|¤£·|³Â·Ð¤F¤@ÂI£«¡H¡I²{¦b´N¦A¨Ó§i¶D§A©w¸qºô­¶¤¸¥óªº¦ì¸mªº¥t¥~¨â­ÓÄÝ©Ê¡upixelTop¡v»P¡upixelLeft¡v¡A³o¨â­ÓÄݩʦP¼Ë¦¡¨Ó©w¸qºô­¶¤¸¥óªº««ª½»P¤ô¥­¦ì¸m¡A¤£¦Pªº¬O·í§Ú­Ì³]©w¨äÄݩʭȮɡA¤£¥²¥[¤W¡¦³æ¦ì¡¦¡A¦]¬°¥¦­Ì¹w³]ªºÄݩʭȳæ¦ì´N¬O¡u¹³¯À¡v¡A§Ú­Ì¥u­nª½±µ«ü©w¼Æ­È´N¦æ¤F¡A¬O¤£¬O¤è«K¦h¤F¡I


¹ê¨Ò¾Ç²ß¡G
²{¦b§Ú­Ì¨Ó¹ê»Ú§Q¥Î¡upixelTop¡v»P¡upixelLeft¡vÄݩʨӼ¶¼g¤@­Ó¦bºô­¶¤¤¦Û¥Ñº}¯B²¾°Êªº¹Ï¤ù¡A·í¹Ï¤ù¦b²¾°Êªº¦P®É¡A­Y¸I¼²¨ìºô­¶ªº¥|­ÓÃä¬É®É±N·|¦Û°ÊÂà¦V¡I

  1. <HTML>
  2. <HEAD>
  3. </HEAD>
  4. <SCRIPT language="JavaScript">

  5. x = 5 //¤ô¥­²¾°Ê¶ZÂ÷
  6. y = 5 //««ª½²¾°Ê¶ZÂ÷
  7. change = 10 //²¾°Ê¤Á´«®É¶¡,¶V¤j¶VºC

  8. function move()
  9. {
  10. //±N¹Ï¤ù©¹¤U¤Î¦V¥k²¾°Ê¤@­Ó¹w³]¶ZÂ÷
  11. document.all.map.style.pixelLeft+=x
  12. document.all.map.style.pixelTop+=y
  13. //°O¿ý¹Ï¤ù¥Ø«e¦ì¸m
  14. postop=document.all.map.style.pixelTop
  15. posleft=document.all.map.style.pixelLeft
  16. //¦pªG¹Ï¤ùªº¤ô¥­¤è¦V¦ì¸m¶W¹Lºô­¶¤å¥ó¤ô¥­°Ï°ì
  17. //«h±N¤ô¥­²¾°Ê¤è¦V¹ï½Õ,§Y±N¤ô¥­²¾°Ê¶ZÂ÷Åܦ¨­t­È
  18. if(posleft >= document.body.clientWidth)
  19. {x = -x}
  20. //¦pªG¹Ï¤ùªº««ª½¤è¦V¦ì¸m¶W¹Lºô­¶¤å¥ó««ª½°Ï°ì
  21. //«h±N««ª½²¾°Ê¤è¦V¹ï½Õ,§Y±N««ª½²¾°Ê¶ZÂ÷Åܦ¨­t­È
  22. if(postop >= document.body.clientHeight)
  23. {y = -y}
  24. //¦pªG¹Ï¤ùªº¤ô¥­¤è¦V¦ì¸m¨S¦³¶W¹Lºô­¶¤å¥ó¤ô¥­°Ï°ì
  25. //±N¤ô¥­²¾°Ê¶ZÂ÷¦P¼Ëºû«ù¬°¹w³]¶ZÂ÷5
  26. if(posleft <= 0)
  27. {x = 5}
  28. //¦pªG¹Ï¤ùªº««ª½¤è¦V¦ì¸m¨S¦³¶W¹Lºô­¶¤å¥ó««ª½°Ï°ì
  29. //±N««ª½²¾°Ê¶ZÂ÷¦P¼Ëºû«ù¬°¹w³]¶ZÂ÷5
  30. if(postop <= 0)
  31. {y = 5}
  32. //³sÄò©I¥s¨ç¦¡«ùÄò²¾°Ê¹Ï¤ù¦ì¸m
  33. setTimeout("move()", change)
  34. }
  35. </SCRIPT>
  36. <!--ºô­¶¸ü¤J®É,¥ß§Y©I¥s¨ç¦¡¨Ó²¾°Ê¹Ï¤ù-->
  37. <BODY onload="setTimeout('move()', 10)">
  38. <!--©w¸q¹Ï¤ùÄÝ©Ê-->
  39. <img src="test.gif" alt="´å²¾ªº¹Ï¤ù" id="map" style="position: absolute">
  40. </BODY>
  41. </HTML>
½Æ»s¥N½X
­ì²z«Ü²³æ¡A·í¹Ï¤ùªº¤WÃä¬É¦ì¸m©Î¥ªÃä¬É¦ì¸m¶W¹Lºô­¶¤å¥óªºÃä¬É¼e«×®É¡A©ÎªÌ¬Oµ¥©óºô­¶¤å¥óªºÃä¬É¼e«×®É¡A§Ú­Ì´NÅý¹Ï¤ù©¹¤Ï¤è¦V²¾°Ê¡A¦p¦ó¤Ï¤è¦V²¾°Ê¡H´Nª½±µ§â¥¿ªº²¾°Ê¶ZÂ÷³]¬°­tªº´N¦æ¤F¡I¥»¨Ó¬O©¹«e¨«¡A²¾°Ê¶ZÂ÷³]¬°­tªº´NÅܦ¨­ËµÛ¨«Åo¡C¦pªG­Ë°h¨«®É¡A¹Ï¤ùªº¤WÃä¬É¦ì¸m©Î¥ªÃä¬É¦ì¸mÅܦ¨¤F­t­È©Î­è¦nµ¥©ó¹s¡A¨º´N¦A±N²¾°Ê¶ZÂ÷³]¬°¥¿ªº¡AÅý¹Ï¤ù«ì´_¥¿¦V²¾°Ê¡C

·í§A¶}±Ò³o­Ó½d¨Òºô­¶®É¡A§A·|µo²{¡GÂsÄýµøµ¡ªº¤ô¥­»P««ª½ªº±²°Ê¶b¡A·|ÀHµÛ¹Ï¤ùªº¸I¼²¦Ó®É®É¥X²{¡A¦P®É¹Ï¤ù¤]·|¥X¬É­C¡I§O¸ò¤p»x»¡¤£ª¾¹D¬O¤°»ò­ì¦]³á¡I«e­±³¹¸`¤w¸g¸ÑÄÀ¹L¤F³á¡A³o­Ó°ÝÃD´N·í§@¬O½m²ßÃD¡AÅýÁo©úªº§A¨Ó¸Ñ¨M§a¡I
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

        ÀR«ä¦Û¦b : °µ¦n¨Æ¤£¯à¤Ö§Ú¤@¤H¡A°µÃa¨Æ¤£¯à¦h§Ú¤@¤H¡C
ªð¦^¦Cªí ¤W¤@¥DÃD