图片滚动停顿

最新推荐文章于 2021-03-24 01:11:13 发布

zb3032000

最新推荐文章于 2021-03-24 01:11:13 发布

阅读量179

点赞数

分类专栏： JavaScript 文章标签： JavaScript Microsoft ViewUI

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<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';
		  self['oImg4'].style.visibility = 'hidden'; 
          break;
        case 'oImg2' :
          oState = 'oImg3';
          self['oImg1'].style.visibility = 'hidden';
          self['oImg2'].style.visibility = 'visible';
          self['oImg3'].style.visibility = 'hidden'; 
		  self['oImg4'].style.visibility = 'hidden'; 
          break;        
        case 'oImg3' :
          oState = 'oImg4';
          self['oImg1'].style.visibility = 'hidden';
          self['oImg2'].style.visibility = 'hidden';
          self['oImg3'].style.visibility = 'visible';
		  self['oImg4'].style.visibility = 'hidden'; 
          break;
		case 'oImg4' :
          oState = 'oImg1';
          self['oImg1'].style.visibility = 'hidden';
          self['oImg2'].style.visibility = 'hidden';
          self['oImg3'].style.visibility = 'hidden';
		  self['oImg4'].style.visibility = 'visible'; 
          break;
        default :
          break;
      }
      oDiv.filters[0].Play();
      setTimeout('filterImg()',1500);
   }
   function stop(){
		oDiv.filters[0].Apply();
		oDiv.filters[0].Stop();
   }
</Script>
<body οnlοad="setTimeout('filterImg()',0);">
<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='hide',bands=1,duration=0.1500);">
     <a href="http://www.lamking.com"><img id="oImg1" src="1.jpg" onmouseover ="stop()" 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="2.jpg" 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="3.jpg" style="width:100px;height:100px;visibility:hidden;position:absolute;border:0;top:0px;left:0px;"></a>
	 <a href="http://www.lamking.com"><img id="oImg4" src="4.jpg" style="width:100px;height:100px;visibility:hidden;position:absolute;border:0;top:0px;left:0px;"></a>
</div>
</body>