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

[µo°Ý] §ó·s©µ¿ð

[µo°Ý] §ó·s©µ¿ð

¥»©«³Ì«á¥Ñ ken759727 ©ó 2014-2-14 01:23 ½s¿è

½Ð°Ý¦U¦ì¤j¤j¡A¤p§Ì¥Ø«e§â¸Óºô¯¸½Õ¾ã¦¨ 1¡B2¡B3¡B4¡B5
¦ý¥u¦³¦b1¤À­¶®É..»Ý­n°_°Ê ­«¾ã­¶­±..¤p§Ì¸Ó¦p¦ó¼¶¼g..


¤p§Ì¸Õ¹L¦b function loadTab ³]©wXÅܼÆ...
·í­¶­±ÂରS1 ´N³]©wx=10000
¤£¬OS1 ³]©wx=999999

¦ý¬O¤U­± setInterval("location.reload()", 20000); «oµLªk¨Ï¥Î x ÅܼÆ..

³Â·Ð¦U¦ì«e½ú¤F¡C
  1. function loadTab(obj,n){
  2. var layer;

  3.         eval('layer=\'S'+n+'\'');  
  4.         
  5.         //±N Tab ¼ÐÅҼ˦¡³]¦¨ Blur «¬ºA
  6.         var tabsF=document.getElementById('tabsF').getElementsByTagName('li');
  7.         for (var i=0;i<tabsF.length;i++){
  8.                 tabsF[i].setAttribute('id',null);
  9.                 eval('document.getElementById(\'S'+(i+1)+'\').style.display=\'none\'')
  10.         }

  11.         //Åܧó¤À­¶¼ÐÃD¼Ë¦¡
  12.         obj.parentNode.setAttribute('id','current');
  13.         document.getElementById(layer).style.display='inline';

  14. }
  15. </script>
  16. </head>
  17. <body onload="clearLinkDot();">
  18. <div id="tabsF">
  19.         <ul>
  20.         <li id="current"><a href="javascript://" onclick="loadTab(this,1);"><span>Link 1</span></a></li>
  21.                 <li><a href="javascript://" onclick="loadTab(this,2);"><span>Link 2</span></a></li>
  22.                 <li><a href="javascript://" onclick="loadTab(this,3);"><span>Link 3</span></a></li>
  23.                 <li><a href="javascript://" onclick="loadTab(this,4);"><span>Link 4</span></a></li>
  24.                 <li><a href="javascript://" onclick="loadTab(this,5);"><span>Link 5</span></a></li>
  25.         </ul>
  26. </div>
  27. <div id="tabsC">
  28.         <div id="S1" style="display:inline;">
  29.                 <p>Link 1 ¤º®e</p>
  30.                
  31.         <script>
  32.                 setInterval("location.reload()", 20000);                //­«¾ã­¶­±
  33.                 </script>
  34.                
  35.         </div>        
  36.         
  37.         <div id="S2" style="display:none;">
  38.                 <p>Link 2 ¤º®e</p>
  39.         </div>        
  40.         
  41.         <div id="S3" style="display:none;">
  42.                 <p>Link 3 ¤º®e</p>
  43.         </div>
  44.         
  45.         <div id="S4" style="display:none;">
  46.                 <p>Link 4 ¤º®e</p>
  47.         </div>
  48.         
  49.         <div id="S5" style="display:none;">
  50.                 <p>Link 5 ¤º®e</p>
  51.         </div>
  52. </div>
  53. </body>
½Æ»s¥N½X

        ÀR«ä¦Û¦b : ¡i®É¶¡¦¨´N¤@¤Á¡j®É¶¡¥i¥H³y´N¤H®æ¡A¥i¥H¦¨´N¨Æ·~¡A¤]¥i¥HÀx¿n¥\¼w¡C
ªð¦^¦Cªí ¤W¤@¥DÃD