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

[±Ð¾Ç] (±Ð¾Ç²Ä31½g) CSS »P JavaScript ¤U½g

[±Ð¾Ç] (±Ð¾Ç²Ä31½g) CSS »P JavaScript ¤U½g

°ÊºA¼Ë¦¡
ºô­¶¼ÐÅÒ¡A¦p¡G<P>¡B<BODY>¡Kµ¥¡A³£¬Oºô­¶¤¤ªº¤¸¥ó¡A·í§Ú­Ì¦bCSS¦ê¦Cªí¤¤±Nºô­¶¤¸¥óªºÄÝ©Ê¥[¥H³]©w«á¡A«hºô­¶¤¤¤Z¬O³Q¸Ó¤¸¥ó¼ÐÅÒ¥]¬AªÌ¡A¨ä¼Ë¦¡±N¥þ³¡¬Û¦P¡A¦p¤U¨Ò¡G
  1. <HTML>
  2. <HEAD>
  3. <TITLE>¬Û¦P¼Ë¦¡</TITLE>
  4. <style type="text/css">
  5. <!--
  6. p{color:#ff8000;font-size:14pt}
  7. //-->
  8. </style>
  9. </HEAD>
  10. <BODY>
  11. <P>
  12. ³o¬O¦bP¼ÐÅÒ¤ºªº¤å¦r
  13. </P>
  14. <P>
  15. ³o¤]¬O¦bP¼ÐÅÒ¤ºªº¤å¦r
  16. </P>
  17. </BODY>
  18. </HTML>
½Æ»s¥N½X


©Î³\§A·|»¡¡A¨º§Ú´Nª½±µ¦b¨C­Ó¤¸¥ó¼ÐÅÒ¤¤­Ó§O¥HSTYLEÄݩʳ]©w¡A³o¼Ë´N¥i¥H¨Ï¥Î¬Û¦P¤¸¥ó¼ÐÅҦӳгy¤£¦P¼Ë¦¡ªº¤º®e¤F£«¡I³o¬OÀRºAªº³]©w¡A·íµM¥i¥H¡]³Q¤¸¥ó¼ÐÅÒ¥]¬AªÌ¡A¼Ë¦¡¤£ÅÜ¡^¡I¦pªG§Ú­n³Q¤¸¥ó¼ÐÅÒ¥]¬AªÌ¯à°÷°ÊºA§ïÅÜ¥¦ªº¼Ë¦¡©O¡H³æ¯Âªº¼Ë¦¡³]©w¬O¿ì¤£¨ìªº¡I§Ú­Ì¥²¶·¦A¥[¤WJavaScriptªº§Q¥Î¤~¦æ¡C

°ÊºAÅܧó¼Ë¦¡
°²³]ºô­¶¤¤¦³¤@­Ó¶WÃìµ²¡A§Ú§Æ±æ¦b·Æ¹««ü¼ÐÁÙ¨S¦³¸I¨ì¥¦ªº®É­Ô¬OÂŦâ¦r¡B¤j¤p14pt¡A¦Ó·í·Æ¹«¸IIJ¨ì¥¦ªº®É­Ô¡A«hÅܦ¨¬õ¦â¦r¡B¤j¤p16pt¡A¸Ó¦p¦ó³B²z¡H

¹ê¨Ò¾Ç²ß¡G
  1. <HTML>
  2. <HEAD>
  3. <TITLE>°ÊºAÃìµ²¼Ë¦¡</TITLE>
  4. <style type="text/css">
  5. <!--
  6. .outlink{color:#0000ff;font-size:14pt}
  7. .onlink{color:#ff0000;font-size:16pt}
  8. //-->
  9. </style>
  10. </HEAD>
  11. <BODY>
  12. <A HREF="http://www.twbts.com"
  13. class="outlink"
  14. onMouseOver = "this.className='onlink'"
  15. onMouseOut = "this.className='outlink'"
  16. >
  17. ³Â»¶¾Ç¶é
  18. </A>
  19. </BODY>
  20. </HTML>
½Æ»s¥N½X
­º¥ý§Ú­Ì¥ý§Q¥ÎCSS¼Ë¦¡ªí¡A«Ø¥ß¨âºØ¼Ë¦¡Ãþ§O¡G¡uoutlink¡v¡B¡uonlink¡v¡A¡uoutlink¡vÃþ§O¬°·Æ¹««ü¼ÐÁÙ¨S¦³¸I¨ì¶WÃìµ²©Î¸I¨ì¶WÃìµ²«á¤S²¾¶}ªº¶WÃìµ²¥~Æ[¼Ë¦¡¡A¡uonlink¡vÃþ§O¬°·Æ¹««ü¼Ð²¾¨ì¶WÃìµ²¤W¶WÃìµ²ªº¥~Æ[¼Ë¦¡¡C
¦b¶WÃìµ²<A>¼ÐÅÒ¤¤§Ú­Ì³]©w³o­Ó¶WÃìµ²ªºclassÃþ§OÄݩʬ°¡uoutlink¡v¡A³o¥Nªí§Ú­Ì¹w³]¶WÃìµ²¤@¶}©lªº¥~Æ[¼Ë¦¡¬°CSS¼Ë¦¡ªí¡uoutlink¡vÃþ§O©Ò«ü©wªº¼Ë¦¡¡C·í¶WÃìµ²¼ÐÅÒµo¥Í¡uonMouseOver¡v¡B¡uonMouseOut¡vªº¨Æ¥ó®É¡A¦A«×Åܧó¶WÃìµ²©Ò¹ïÀ³ªºCSS¼Ë¦¡ªíÃþ§O©Ò«ü©wªº¼Ë¦¡¡C


´£¥Ü¡I¡I
¦bcss¼Ë¦¡ªí¤¤³æ¯Âªº©w¸q¤@­ÓÄÝ©ÊÃþ§O¡A¥²¶·¦b¼Æ¦æ¦WºÙ¤§«e¥[¤W¤@­ÓÂI¡u.¡]dot¡^¡v¡A¦p¤W¨Ò­ì©l½Xªº²Ä6¡B7¦æ¡C
°ÊºA¼Ë¦¡ªºÅܧ󤣥u¬O¶WÃìµ²¥i¥H¨Ï¥Î¡Aªí³æ¤¸¥ó¤]¥i¥H¨Ï¥Î¡C

¹ê¨Ò¾Ç²ß¡G
¤U¦C³o­Ó½d¨Ò¬O°ÊºAªº§ïÅܼгæ«ö¶s¤¸¥óªº¥~Æ[¼Ë¦¡¡A·í·Æ¹«²¾¦Ü«ö¶s¤W®É±N¨ä­I´ºÃC¦â§ïÅܬ°¶Â¦â¡A¤å¦rÅܦ¨¥Õ¦â¡A¦Ó·í·Æ¹«²¾¶}«ö¶s¤W®É±N¨ä­I´ºÃC¦â§ïÅܬ°¶À¦â¡A¤å¦rÅܦ¨¬õ¦â¡C
  1. <HTML>
  2. <HEAD>
  3. <TITLE>°ÊºA«ö¶s¼Ë¦¡</TITLE>
  4. <style type="text/css">
  5. <!--
  6. .out{color:red;background=yellow}
  7. .on{color:white;background=black}
  8. //-->
  9. </style>
  10. </HEAD>
  11. <BODY>
  12. <FORM>
  13. <INPUT TYPE=BUTTON VALUE="°ÊºA«ö¶s¼Ë¦¡"
  14. class="out"
  15. onMouseOver = "this.className='on'"
  16. onMouseOut = "this.className='out'"
  17. >
  18. </FORM>
  19. </BODY>
  20. </HTML></A>
  21. </BODY>
  22. </HTML>
½Æ»s¥N½X
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

«D¼ÐÅÒ¤º°ÊºAÅܧó¼Ë¦¡
¤W¤@¸`¤¤¡A§Ú­Ì³£¬Oª½±µ¦b¼ÐÅÒ¤º³]©w¤¸¥óªºÃþ§OÄÝ©Ê¡A©Î¬O¥H¨Æ¥ó³B²z¾¹¨Ó±±¨îÃþ§OÄݩʪºÅܧó¡A¦b¨Æ¥ó³B²z¾¹¤¤ªºµ{¦¡±Ô­z¡A§Ú­Ìª½±µ¥H¡ythis¡zÃöÁä¦r¨Ó¥N´À¼ÐÅÒ¥»¨­ªº¥þ¦W¡A©Ò¥H§Ú­Ì¨Ã¨S¦³³]©w¼ÐÅÒªº¦WºÙ´N¥i¥Hª½±µÅܧó¼ÐÅÒªºÄÝ©Ê¡A°ÝÃD¬O¡G¦pªG§Ú­Ìªºµ{¦¡½X¨Ã¤£¬Oª½±µ¼¶¼g¦b¨Æ¥ó±±¨î¾¹¤¤¡A¨º³o§ïÅܼÐÅÒÄݩʪºµ{¦¡±Ô­z¸Ó¦p¦ó¼g¡H

­n¦b¼ÐÅÒ¤§¥~³]©w¨äÄÝ©Ê¡A§Ú­Ì¥²¶·¬°¼ÐÅÒ­q¥ß¤@­Ó¦WºÙÄÝ©Ê¡A¦ý³o­Ó¦WºÙÄݩʨ䣬O¡yNAME¡z¡I¦Ó¬O¡yID¡z¡A¦p¤U¨Ò¡G
  1. <P ID=¡¨my¡¨>³Â»¶¾Ç¶é</p>
½Æ»s¥N½X
¦pªG§Ú­Ì­n§ïÅܤW¨Ò¤å¦rªº¼Ë¦¡Ãþ§O¡A«h¥²¶·³z¹L¥¦ªº¡uID¡vÄݩʨӶi¦æ¡G
  1. document.all.mylink.className="outlink"
½Æ»s¥N½X
§Ú­Ì¤§«e»¡¹L¡G¡udocumentª«¥ó«üªº´N¬Oºô­¶¤å¥ó¥»¨­¡v¡A¨º§Ú­Ì¬°¦ó¦b¤W¦¡¤¤¤£ª½±µ¼g¦¨¡G
  1. document.mylink.className="outlink"
½Æ»s¥N½X
¦]¬°¦b§Ú­Ì¨Ï¥ÎCSS¼Ë¦¡ªí¨Ó©w¸qºô­¶¤¸¥ó¼Ë¦¡®É¡A§Ú­ÌªºJavaScrip¤£¥i¥Hª½±µ¥H¤¸¥óªº¦WºÙ¥h±±¨î¡A¦Ó¥²¶·³z¹L¡uall¡vÄݩʨӱ±¨î¡A¡uall¡v´N¥Nªíºô­¶¤å¥ó¤¤¥þ³¡ªº¤¸¥ó¶°¦X¡A©Ò¥H¨S¦³³z¹LallÄÝ©Ê´NµLªk±±¨îHTNL¼ÐÅÒ¤¸¥ó¡C

¹ê¨Ò¾Ç²ß¡G
¥H¨Æ¥ó±±¨î¾¹©I¥s¨ç¦¡ªº¤è¦¡¶i¦æ¶WÃìµ²¼Ë¦¡³]©w¡C
  1. <HTML>
  2. <HEAD>
  3. <TITLE>°ÊºAÃìµ²¼Ë¦¡</TITLE>
  4. <style type="text/css">
  5. <!--
  6. .outlink{color:#0000ff;font-size:14pt}
  7. .onlink{color:#ff0000;font-size:16pt}
  8. //-->
  9. </style>

  10. <SCRIPT Language="JavaScript">
  11. function change(stau)
  12. {
  13. if (stau=="in")
  14. {document.all.mylink.className="onlink"}
  15. if (stau=="out")
  16. {document.all.mylink.className="outlink"}
  17. }
  18. </SCRIPT>

  19. </HEAD>
  20. <BODY>
  21. <A HREF="http://www.twbts.com"
  22. ID="mylink"
  23. onMouseOver = "change('in')"
  24. onMouseOut = "change('out')"
  25. >
  26. ³Â»¶¾Ç¶é
  27. </A>
  28. </BODY>
  29. </HTML>
½Æ»s¥N½X

  • ¦bµ{¦¡½X²Ä23-27¦æ¤¤¡A§Ú­Ì«Ø¥ß¤F¤@­Ó¶WÃìµ²¼ÐÅÒ¡A¨Ã³]©w¨äID¬°¡umylink¡v¡A·í·Æ¹««ü¼Ð²¾¤J©Î²¾¥X¶WÃìµ²®É¡A³£·|©I¥schange()¨ç¦¡¨Ó°ÊºA§ïÅܶWÃìµ²ªº¥~Æ[¼Ë¦¡¡A¤£¹L¡A¦b·Æ¹««ü¼Ð²¾¤J¤Î²¾¥X¶WÃìµ²®É¡A¶Ç»¼µ¹change()¨ç¦¡ªº°Ñ¼Æ¤º®e¬O¤£¦Pªº¡A¡uin¡v¥Nªí·Æ¹««ü¼Ð²¾¤J¶WÃìµ²¡A¡uout¡v¬°·Æ¹««ü¼Ð²¾¥X¶WÃìµ²¡C
  • µ{¦¡½X²Ä11-19¦æ¡A·íchange()¨ç¦¡³Q©I¥s®É¡A±N·|¶i¦æ°Ñ¼Æ¤º®eªº§PÂ_¡A¦pªG¬O¡uin¡v«h±N¦WºÙ¬°¡umylink¡vªººô­¶¤¸¥óªº¼Ë¦¡Ãþ§O³]©w¬°¡uonlink¡v¡F¦pªG¬O¡uout¡v«h±N¦WºÙ¬°¡umylink¡vªººô­¶¤¸¥óªº¼Ë¦¡Ãþ§O³]©w¬°¡uoutlink¡v¡C


¥H§ïÅÜÃþ§O³]©w¹F¨ìÅܧóºô­¶¤¸¥óªº¥~Æ[¬O«D±`¤è«K¡A¦ý¦pªG¥u¬O­n§ïÅܺô­¶¤¸¥óªº¬Y¤@ºØ¼Ë¦¡ÄÝ©Ê©O¡H¤´µM¥²¶·¨Ï¥ÎÃþ§O³]©w¶Ü¡H³o­Ë¤£¥²¡A§Ú­Ì¥i¥Hª½±µ³z¹L¡ustyle¡vÄݩʨӰµ´N¥i¥H¤F¡A¤Uªí¬°¡ustyle¡vÄݩʱ`¨£ªº¤­ºØ¼Ë¦¡ÄÝ©Ê¡G

ÄÝ©Ê

§@¥Î

fontSize

¦r«¬¦rÅé¤j¤p

fontWeight

¦r«¬¼Ë¦¡¡]¦p¡G±×Åé¡^

fontFamily

¦r«¬(¦p¡G²Ó©úÅé)

color

ÃC¦â

background

­I´º



¹ê¨Ò¾Ç²ß¡G
«Ø¥ß¤@µ{¦¡¡A¦bºô­¶¤¤§G¸mªí³æ³æ¿ï«ö¶s¤¸¥ó¡A¥ÑÂsÄýªÌ¦Û¦æ¨M©w¤å¦r¦r¦ê­I´ºÃC¦â¡C
  1. <HTML>
  2. <HEAD>
  3. <TITLE>§ó´«­I´º¦â</TITLE>

  4. <SCRIPT Language="JavaScript">
  5. function change(color)
  6. {
  7. document.all.mycolor.style.background=color
  8. }
  9. </SCRIPT>

  10. </HEAD>
  11. <BODY>
  12. <form>
  13. <input type="radio" name="r" onClick="change('red')">­I´º¦â¤@<br>
  14. <input type="radio" name="r" onClick="change('green')">­I´º¦â¤G<br>
  15. <input type="radio" name="r" onClick="change('blue')">­I´º¦â¤T<br>
  16. </form>

  17. <DIV ID="mycolor">
  18. ½Ð¿ï¾Ü­I´º¦â
  19. </DIV>

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

TOP

¤¸¥ó©w¦ì
CSS´£¨Ñ¤Fºô­¶¤¸¥ó¦ì¸mªº¤¤ÀRºA©w¦ì¡]position¡^¤èªk¡A¦Ó°ÊºA©w¦ì«h¬O³z¹LCSSª«¥ó¼Ò¦¡ªº©w¦ì¥\¯à¡A¦A°t¦XJavaScriptªº©w¦ì¹Bºâ³B²z§ïÅܺô­¶¤¸¥óªº¦ì¸m¡C©w¦ìªº¤è¦¡¥i¤À¬°µ´¹ï©w¦ì»P¬Û¹ï©w¦ì¡G

¬Û¹ï©w¦ì
·í§Ú­Ì±Nposition©w¦ìÄݩʪº­È³]©w¬°¡urelative¡v¡A«hºô­¶¤¸¥óªº¦ì¸m±N»Pºô­¶¤å¥ó¤¤ªº¨ä¥L¤¸¥ó¤ÀÂ÷¦Ó¿W¥ß©óºô­¶±Æª©®æ¦¡¤§¥~¡A¦pªG¥u¬O³æ¯Âªº±N¤¸¥óªºposition©w¦ìÄݩʪº­È³]©w¬°¡urelative¡v¡A¤¸¥ó±N¤£·|§ïÅܺô­¶±Æª©ªº®æ¦¡¡A¦ý­Y¦P®É³]©w¤Fºô­¶¤¸¥óªº¡uleft¡v»P¡utop¡vÄÝ©Ê­È¡A«h¤¸¥ó±N·|²æÂ÷ºô­¶±Æª©ªº¦ì¸m®æ¦¡¡A¦p¤U¨Ò¡G
  1. <HTML>
  2. <HEAD>
  3. <TITLE>¬Û¹ï©w¦ì</TITLE>
  4. <style type="text/css">
  5. <!--
  6. .myposition{
  7. color:#0000ff;
  8. font-size:14pt;
  9. position:relative;
  10. top:10px;
  11. left:10px;
  12. }
  13. //-->
  14. </style>

  15. </HEAD>
  16. <BODY>
  17. <P>³o¬O¤@­Ó¦P®É³]©wºô­¶¤¸¥óªº©w¦ì»P¦ì¸mªº½d¨Ò
  18. <font class="myposition" ID="txt">¤å¦r¦ì¸m</font>
  19. ±N²æÂ÷­ì¥»ªººô­¶±Æª©®æ¦¡,¦b¤¸¥ó­ì©lªº¦ì¸m¤W±N¯d¤UªÅ¥Õ</P>
  20. </BODY>
  21. </HTML>
½Æ»s¥N½X
12-10.png


µ´¹ï©w¦ì
µ´¹ï©w¦ì·|±Nºô­¶¤¸¥ó³]©w¦bºô­¶¤å¥ó¤§¥~ªº¦ì¸m¡A¦Ó¦¨¬°¤@¿W¥ßªº­ÓÅé¡A¥u­n±Nºô­¶¤¸¥óªºposition©w¦ìÄݩʪº­È³]©w¬°¡uabsolute¡v¡A¦p¤U¨Ò¡G
  1. <HTML>
  2. <HEAD>
  3. <TITLE>µ´¹ï©w¦ì</TITLE>
  4. <style type="text/css">
  5. <!--
  6. .myposition{
  7. color:#0000ff;
  8. font-size:14pt;
  9. position:absolute;
  10. top:10px;
  11. left:10px;
  12. }
  13. //-->
  14. </style>

  15. </HEAD>
  16. <BODY>
  17. <P>³o¬O¤@­Ó¦P®É³]©wºô­¶¤¸¥óªº©w¦ì»P¦ì¸mªº½d¨Ò
  18. <font class="myposition" ID="txt">¤å¦r¦ì¸m</font>
  19. ±N²æÂ÷­ì¥»ªººô­¶±Æª©®æ¦¡,¦b¤¸¥ó­ì©lªº¦ì¸m¤W±N¤£·|¯d¤UªÅ¥Õ,
  20. ¦]¬°ºô­¶¤¸¥ó¤w¸g¿W¥ß©óºô­¶¥DÅ餧¥~</P>
  21. </BODY>
  22. </HTML>
½Æ»s¥N½X
12-11.png
½Ðª`·N¡G¡u¤å¦r¦ì¸m¡v³o¥|­Ó¦r¡A¤w¸g¿W¥ß©óºô­¶¤å¥ó¤§¥~¡A©Ò¥H­ì¨Ó¥¿±`ªº¦ì¸m¤W´N¤£·|¯d¤UªÅ¥Õ¦ì¸m¡C

´£¥Ü¡I¡I
ºô­¶¤¸¥óªºleft¡Btop¡Bwidth¡Bheightµ¥Äݩʳ]©w­È³æ¦ì¥i¥H¬O¡G¦Ê¤À¤ñ¡BÂI¶Z¡B¹³¯À¡Bemsµ¥¡C
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

ÁôÂ严ó
³]©w¤¸¥óªº¡uvisibility¡vÄÝ©Ê¡A±N¥i¨M©wºô­¶¤¸¥óªºÅã¥Ü»P§_¡A¦pªG±N¤ÎÄݩʭȳ]©w¬°¡uhidden¡v¡A«hºô­¶¤¸¥ó±N·|³QÁôÂð_¨Ó¡A¨ä¹w³]ÄݩʭȬ°¡uvisible¡v¡A¥Nªí¤£ÁôÂ严ó¡C

¹ê¨Ò¾Ç²ß¡G¤å¦r´£¥Ü¤è¶ô
·í§Ú­Ì±N·Æ¹««ü¼Ð²¾¦Ü¯S©w¤å¦r¦r¦ê¤W®É±N¥X²{¤@­Ó´£¥Ü¤è¶ô¡A·í·Æ¹««ü¼ÐÂ÷¶}¤å¦r¦r¦ê¤W®É´£¥Ü¤è¶ô±N¦Û°ÊÁôÂáG

  1. <html>
  2. <head>
  3. <title>¤å¦r´£¥Ü¤è¶ô</title>
  4. <STYLE>
  5. <!--
  6. div.tiptext{
  7.   position:absolute;
  8.   visibility:hidden;
  9.   border-style:solid;
  10.   border-width:3;
  11.   border-color:Green;
  12.   background-color:Yellow;
  13. }
  14. p.text{
  15.   font-style:italic;
  16.   color:Red;
  17. }
  18. -->
  19. </STYLE>

  20. <script language="JavaScript">
  21. function show()
  22. {
  23.   document.all.tips.style.visibility='visible'
  24. }

  25. function hide()
  26. {
  27.      document.all.tips.style.visibility='hidden'
  28. }
  29. </script>

  30. </head>
  31. <body>
  32. <div class="tiptext" id="tips">³o¬O»¡©úªº¤è¶ô</div>
  33. <p class="text" onMouseOver="show()" onMouseOut="hide()" >
  34. ·|²£¥Í´£¥Üªº¦r¦ê
  35. </p>
  36. </body>
  37. </html>
½Æ»s¥N½X
³o­Ó½d¨Òªº­ì²z«Ü²³æ¡A§Ú­Ì¥u¬O¦b¨Æ¥ó³B²z¾¹©I¥s¨ç¦¡®É±Nºô­¶¤¸¥óÁôÂéÎÅã¥Ü¥X¨Ó¡A·í·Æ¹««ü¼Ð²¾¤J¤å¦r¦r¦ê«h©I¥sshow()¨ç¦¡§ïÅܺô­¶¤¸¥ó¡]´£¥Ü¤è¶ôtips¡^ªº¡uvisibility¡vÄݩʭȬ°¡uvisible¡v¡A±Nºô­¶¤¸¥óÅã²{¥X¨Ó¡A·Æ¹««ü¼Ð²¾¥X¤å¦r¦r¦ê«h©I¥shide()¨ç¦¡±Nºô­¶¤¸¥ó¡]´£¥Ü¤è¶ôtips¡^ªº¡uvisibility¡vÄݩʭȬ°¡uhidden¡v¡A±Nºô­¶¤¸¥óÁôÂð_¨Ó¡C
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

TOP

        ÀR«ä¦Û¦b : §Ú­Ì­n°µ¦nªÀ·|ªºÀô«O¡A¤]­n°µ¦n¤º¤ßªºÀô«O¡C
ªð¦^¦Cªí ¤W¤@¥DÃD