给大家拜年。并请教一个小问题。

伊能静 2010-02-15 03:04:32

下面的代码，是从天滑落一张图片。10秒后收上去。
但我希望，收上去5秒后又再次滑下。10秒后又再次收上去。5秒后再次滑下。如此反复。
请教高手，如何修改。谢谢。

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 



<script type="text/javascript"> 

var intervalId = null; 

function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ 

  this.stayTime=nStayTime*1000 || 3000; 

  this.maxHeigth=nMaxHth || 666; 

  this.minHeigth=nMinHth || 1; 

  this.state=sState || "down" ; 

  var obj = document.getElementById(id); 

  if(intervalId != null)window.clearInterval(intervalId); 

  function openBox(){ 

   var h = obj.offsetHeight; 

   obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; 

    if(obj.offsetHeight>this.maxHeigth){ 

    window.clearInterval(intervalId); 

    intervalId=window.setInterval(closeBox,this.stayTime); 

    } 

    if (obj.offsetHeight<this.minHeigth){ 

    window.clearInterval(intervalId); 

    obj.style.display="none"; 

    } 

  } 

  function closeBox(){ 

   slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); 

  } 

  intervalId = window.setInterval(openBox,10); 

} 

</script> 

<div id="MyMoveAd" style="height:6px;overflow:hidden;text-align:center;"> 

<img src=1.jpg>

</div> 

<script type="text/javascript"> 

 <!-- 

 slideAd('MyMoveAd',2); 

--> 

</script>

...全文

59 5 打赏收藏举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

dandande 2010-02-16

打赏
举报

学习，收藏，
祝春节好！

王集鹄 2010-02-15

打赏
举报

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 



<script type="text/javascript"> 

var intervalId = null; 

function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ 

	this.stayTime=nStayTime*1000 || 3000; 

	this.maxHeigth=nMaxHth || 666; 

	this.minHeigth=nMinHth || 1; 

	this.state=sState || "down" ; 

	var obj = document.getElementById(id); 

	if(intervalId != null)window.clearInterval(intervalId); 

	function openBox(){ 

		var h = obj.offsetHeight; 

		obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; 

		if(obj.offsetHeight>this.maxHeigth){ 

			window.clearInterval(intervalId); 

			intervalId=window.setInterval(closeBox,this.stayTime); 

		} 

		if (obj.offsetHeight<this.minHeigth){ 

			window.clearInterval(intervalId); 

			obj.style.display="none"; 

			setTimeout(function() { //<<<<<<<<<<<<<<<<

				obj.style.display=""; 

				slideAd('MyMoveAd',2); 

			}, 5000);

		} 

	} 

	function closeBox(){ 

	 slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);

	} 

	intervalId = window.setInterval(openBox,10); 

} 

</script> 

<div id="MyMoveAd" style="height:6px;overflow:hidden;text-align:center;"> 

<img src="http://zi.csdn.net/30060gn.gif">

</div> 

<script type="text/javascript"> 

 <!-- 

 slideAd('MyMoveAd',2); 

--> 

</script>

frankyhuang2010 2010-02-15

打赏
举报

帮楼主顶贴。。。。。

伊能静 2010-02-15

打赏
举报

高手帮我写一下，我看了不知道怎么写。
谢谢高手了。

cs5276 2010-02-15

打赏
举报

写在循环里，不要是死循环