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

[¤À¨É] »s§@ºô­¶¹Ï¤ù¼s§i³sµ²

[¤À¨É] »s§@ºô­¶¹Ï¤ù¼s§i³sµ²

¥Î³~
³]¸m©óºô­¶¤¤¶i¦æ¼s§i½ü¼½

»¡©ú
¡¼¤°»ò¬O¼s§i½ü¼½¡H´N¬O¦b§Aªººô­¶¤¤©ñ¸m¤@­Ó©T©wªº¼s§iª©¦ì, ¦Ó¼s§iª©¦ìªº¼s§i«h¨C¹j¤@¬q®É´N§ó´«¤@­Ó·sªº¤º®e¡C

¡¼¦pªGÂsÄýªÌ¹ï§Ú­Ì¼s§iª©¦ì¤ºªº¼s§i¤º®e¦³¿³½ì, «h¥L¥i¦b¼s§i¥X²{«á, ª½±µ¥H·Æ¹«ÂI¿ï¸Ó¼s§i, ¦Ó³sµ²¦Ü¸Ó¼s§iªººô­¶¡C

¡¼¥»®×¨Ò¬°¹Ï¤ù¦¡ªº¼s§i½ü¼½, ¥H°}¦C¤è¦¡¬°¼s§i¹Ï¤ù»P¼s§iÃìµ²¶i¦æ°t¹ï, ¥iµL­­¨î¼W¥[½ü¼½ªº¶µ¥Ø¡C¼s§i¹Ï¤ù¤Á´«¤è¦¡¬°¡i¸ü¤J¼s§i¹Ï¤ù, ¹Ï¤ù¥Ñ¤p¨ì¤j/¹Ï¤ù¥Ñ¤j¨ì¤p/¸ü¤J¤U¤@¶µ¼s§i¹Ï¤ù, ¹Ï¤ù¥Ñ¤p¨ì¤j/¡j¡CÃìµ²¯S®Ä«h¬°¡G¼½¥X/·Æ¹«²¾¥X®É, ¹Ï¤ù¥[¤W 100% ³z©ú«×ªº Alpha ÂoÃè®ÄªG¡]­ì¹ÏÅã¥Ü¡^¡F·Æ¹«²¾¤J®É, ¹Ï¤ù¥[¤W 50% ³z©ú«×ªº Alpha ÂoÃè®ÄªG¡C

½d¨Ò

ºô­¶¤å¥ó¸ü¤J®É¡]OnLoad¡^©I¥s¡uimgStretch¡v¨ç¼Æ¶}©l°t¸m²Ä 1 ²Õ¼s§i, ¨Ã±N¼s§i¹Ï¤ù¥Ñ¤p¨ì¤j¶i¦æº¥ÅÜ, ·í¼s§i¹Ï¤ù¨ì¹F«ü©wªº¼e«×»Pªø«×®É, ¨Ì«ü©wªº°±¯d®É¶¡Åã¥Ü¸Ó¼s§i¹Ï¤ù¡C¹F¨ì«ü©wªº¼s§i¹Ï°±¯dÅã¥Ü®É¶¡«á, ©I¥s¡uimgShirk¡v¨ç¼Æ¶}©lÁY¤p¼s§i¹Ï¤ù¡C·í¹Ï¤ù¼e«×»Pªø«×¤p©óµ¥©ó0®É, ©I¥s¡uimgIni¡v¨ç¼Æ«ü©w¤U 1 ²Õ½ü¼½ªº¼s§i¡C
F6491_1_a.jpg F6491_1_b.jpg F6491_1_c.jpg

½d¨Ò­ì©l½X
  1. <html>
  2. <head>
  3. <title>¹Ï¤ù¼s§i³sµ²</title>
  4. <SCRIPT language="JavaScript">
  5. imgwidth=400 //¹Ï¤ù°ª«×
  6. imgheight=250 //¹Ï¤ù¼e«×
  7. imgPauseTime=5000 //¹Ï¤ù°±¯d®É¶¡
  8. imgSpeed=20 //¹Ï¤ù¯S®Ä³t«×
  9. chgLoop=0
  10. imgCount=0
  11. doChg=true
  12. //¼s§i¹Ï¤ù¨Ó·½
  13. imgSrc=new Array()
  14. imgSrc[0]="img/p000.jpg"
  15. imgSrc[1]="img/p001.jpg"
  16. imgSrc[2]="img/p002.jpg"
  17. imgSrc[3]="img/p003.jpg"
  18. imgSrc[4]="img/p004.jpg"
  19. //¼s§i¹Ï¤ùªº¶WÃìµ²
  20. imgURL=new Array()
  21. imgURL[0]="http://www..twbts.com"
  22. imgURL[1]="http://gb.twbts.com"
  23. imgURL[2]="http://www..twbts.com"
  24. imgURL[3]="http://gb.twbts.com"
  25. imgURL[4]="http://www..twbts.com"
  26. //«Ø¥ß¼v¹³ª«¥ó°}¦C, ¨Ã±N¹Ï¤ùÀÉ®×¹w¥ýÀx¦sª«¥ó¤º
  27. imgArray=new Array()
  28. for (x=0;x<=imgSrc.length-1;x++) {
  29. imgArray[x]=new Image()
  30. imgArray[x].src=imgSrc[x]
  31. }

  32. //¹Ï¤ù³]©w
  33. function imgIni() {
  34. doChg=true
  35. imgCount++
  36. if (imgCount>=imgSrc.length){
  37. imgCount=0
  38. }
  39. imgStretch()
  40. }

  41. //¹Ï¤ù©ñ¤j®ÄªG
  42. function imgStretch() {
  43. if(doChg){
  44. if (chgLoop<=100) {
  45. if (document.all) {
  46. imgArea.innerHTML="<a href='"+imgURL[imgCount] +
  47. "' target='_blank'><img name='myPic' width='" + chgLoop*imgwidth/100 +
  48. "' height='"+chgLoop*imgheight/100+"' src='" + imgArray[imgCount].src + "' border='0'></a>"
  49. }
  50. chgLoop+=10
  51. timer=setTimeout("imgStretch()", imgSpeed)
  52. }
  53. else {
  54. chgLoop=100
  55. clearTimeout(timer)
  56. imgArea.innerHTML="<a href='"+imgURL[imgCount] +
  57. "' target='_blank'><img name='myPic' src='" + imgArray[imgCount].src + "' border='0'></a>"
  58. timer=setTimeout("imgShirk()", imgPauseTime)
  59. }
  60. }
  61. }

  62. //¹Ï¤ùÁY¤p®ÄªG
  63. function imgShirk() {
  64. if(doChg){
  65. if (chgLoop>=0) {
  66. if (document.all) {
  67. imgArea.innerHTML="<a href='"+imgURL[imgCount] +
  68. "' target='_blank'><img name='myPic' width='" + chgLoop*imgwidth/100 +
  69. "' height='" + chgLoop*imgheight/100 + "' src='" + imgArray[imgCount].src + "' border='0'></a>"
  70. }
  71. chgLoop-=10
  72. timer=setTimeout("imgShirk()", imgSpeed)
  73. }
  74. else {
  75. chgLoop=0
  76. clearTimeout(timer)
  77. imgIni()
  78. }
  79. }
  80. }

  81. //·Æ¹««ü¼Ð²¾¤J®É
  82. function mouse_in() {
  83. document.myPic.style.filter="Alpha(Opacity=50)"
  84. doChg=false
  85. }

  86. //·Æ¹««ü¼Ð²¾¥X®É
  87. function mouse_out() {
  88. document.myPic.style.filter="Alpha(Opacity=100)"
  89. doChg=true
  90. clearTimeout(timer)
  91. imgStretch()
  92. }
  93. </SCRIPT>

  94. </head>
  95. <body bgcolor="#FFFFFF" onLoad="imgStretch()">
  96. <center>
  97. <table cellspacing="0" cellpadding="0">
  98. <tr><td>
  99. <img border="0" src="img/topc.gif"></td></tr>
  100. <tr><td>
  101. <div id="imgArea" bgcolor="#FFFFFF" onMouseOver="mouse_in()" onMouseOut="mouse_out()"></div>
  102. </td></tr><tr><td>
  103. <img border="0" src="img/buttomc.gif"></td>
  104. </tr></table>
  105. </body>
  106. </html>
½Æ»s¥N½X
JavaScript ºë½o½d¨ÒÃã¨å

¤£ºÞ±z¬O³]­p°ÊºAºô­¶¡A©Î¬O­n¥Î³Ì·sªº Ajax §Þ³N¡AJavascript ³£¦û¤F¬Û·í¦Y­«ªº¨¤¦â. ¦ý¬O´Nºâ¾Ç¹L Javascript¡A¤]¤£¤@©w³£·|°O±o¦U¦¡¦U¼Ëªº»yªk¡A¦]¦¹¤@¥»ÀH®É¥i¥H¬d¾\ªº½d¨ÒÃã¨å´N«D±`»Ý­n¡C
1.²©öªºJavascript »yªk¤Jªù¤Î°ò¦Æ[©À¡AÀ°§U±z§Ö³t¤F¸ÑJavaScriptªº¨Ï¥Î¤è¦¡¡C
2.·f°t¹Ï¤å¸Ñ»¡¤Îºë¬ü½d¨Ò¥Ü½d¡AÅý±z¤£¦ý¬Ý±oÀ´¡AÁٯన¤Wª¾¹D­n«ç»ò¥Î¡A¬O±z¦b³]­pºô­¶®É³Ì¤è«Kªº°Ñ¦Ò®Ñ¡C
3.³Ì«á¥[¤J 10 ­Óºë¿ïºî¦X½d¨Ò¡AÅý±z¤F¸Ñ³o¨Ç»yªk¬O¦p¦ó¹ê»Ú¹B¥Î¦bºô­¶¤¤¡C
4.²M·¡¼Ð¥Ü¾A¥Îªº¦UºØÂsÄý¾¹ºØÃþ»Pª©¥»¡A²Å¦X¹ê»Ú»Ý¨D¡C
5.¥úºÐ¤¤¦¬¿ý§¹¾ãªº½d¨Òºô­¶ÀɮסA¤è«K±zª½±µ¨ú¥Î©M­×§ï¦A¹B¥Î¡C
¤ß¦w¡A¥­¦w   
µoªí¥ô¦óµL·N¸qªº·PÁ©ÎÄé¤ô¤å³¹¤@«ß¬å,¬Ã±¤±b¸¹,½Ð¸Ô¾\ª©³W!!

        ÀR«ä¦Û¦b : ¤Hªº²´·úªø¦b«e­±¡A¥u¬Ý¨ì§O¤Hªº¯ÊÂI¡Aµ·²@¬Ý¤£¨ì¦Û¤vªº¯ÊÂI¡C
ªð¦^¦Cªí ¤W¤@¥DÃD