DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 左右圖片循環滾動停頓一下後繼續
左右圖片循環滾動停頓一下後繼續
編輯:CSS詳解     
<Script Language="JavaScript">
   var oState = 'oImg1';
   function filterImg(){
      oDiv.filters[0].Apply();
      switch(oState){
        case 'oImg1' :
          oState = 'oImg2';
          self['oImg1'].style.visibility = 'visible';
          self['oImg2'].style.visibility = 'hidden';
          self['oImg3'].style.visibility = 'hidden';
          break;
        case 'oImg2' :
          oState = 'oImg3';
          self['oImg1'].style.visibility = 'hidden';
          self['oImg2'].style.visibility = 'visible';
          self['oImg3'].style.visibility = 'hidden';
          break;       
        case 'oImg3' :
          oState = 'oImg1';
          self['oImg1'].style.visibility = 'hidden';
          self['oImg2'].style.visibility = 'hidden';
          self['oImg3'].style.visibility = 'visible';
          break;
        default :
          break;
      }
      oDiv.filters[0].Play();
      setTimeout('filterImg()',1500);
   }
</Script>
<body onload="setTimeout('filterImg()',1500);">
<div id="oDiv" style="position:absolute;left:expression(document.body.clientWidth/2-50);top:expression(document.body.clIEntHeight/2-50);width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.Slide(slideStyle='PUSH',bands=1);">
     <a href="http://www.lamking.com"><img id="oImg1" src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016123017392698.gif" style="width:100px;height:100px;visibility:hidden;position:absolute;border:0;top:0px;left:0px;"></a>
     <a href="http://www.lamking.com"><img id="oImg2" src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016123017392772.gif" style="width:100px;height:100px;visibility:hidden;position:absolute;border:0;top:0px;left:0px;"></a>
     <a href="http://www.lamking.com"><img id="oImg3" src="https://www.divcss.online/divcssbuju/UploadFiles_7251/201612/2016123017392755.gif" style="width:100px;height:100px;visibility:hidden;position:absolute;border:0;top:0px;left:0px;"></a>
</div>
</body>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved