appendchild的反向效果

gongyuelx 2010-02-09 09:53:32

能不能作出反向的效果。。。。。

<html>
<head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "width: 600; height: 0;overflow: hidden;";
div.innerHTML="<img src='1.jpg'>";
changeSize(div);
}

function changeSize(node){
node.style.pixelHeight += 1; //这个1是每次增加的尺寸，值越大变大的越快
if(node.style.pixelHeight < 100){
setTimeout(function(){changeSize(node);} , 5); //这个5是速度值越大就变的越慢
}
}
</script>
</head>
<body onload="createDiv();">
</body>
</html>

...全文

204 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

w2m1226 2010-02-10

打赏
举报



<html> 

<head> 

<script language="JavaScript"> 

  function createDiv(){ 

  var div = document.createElement('div'); 

  document.body.appendChild(div); 

  div.style.cssText = "width: 600; height: 220;overflow: hidden;"; 

  div.innerHTML=" <img src='C:\\Users\\WanJH\\Desktop\\aa.png'>"; 

  changeSize(div); 

  } 



  function changeSize(node){ 

  node.style.pixelHeight -= 1;  //这个1是每次增加的尺寸， 值越大变大的越快 

  if(node.style.pixelHeight > 1){ 

		setTimeout(function(){changeSize(node);} , 5); //这个5是速度 值越大就变的越慢 

	}else

	{

	node.innerHTML = "";

	}	

  } 

</script> 

</head> 

<body onload="createDiv();"> 

</body> 

</html>

我处理了一下，目前算是达到你的要求了。。也许处理得不是很好。

w2m1226 2010-02-09

打赏
举报

<html>
<head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "width: 600; height: 220;overflow: hidden;";
div.innerHTML="<img src='C:\\Users\\WanJH\\Desktop\\aa.png'>";
changeSize(div);
}

function changeSize(node){
node.style.pixelHeight -= 1; //这个1是每次增加的尺寸，值越大变大的越快
if(node.style.pixelHeight > 1){
setTimeout(function(){changeSize(node);} , 5); //这个5是速度值越大就变的越慢
}
}
</script>
</head>
<body onload="createDiv();">
</body>
</html>

首先改变div 本身的高度。。。然后+变成-。。就行了

duwa789 2010-02-09

打赏
举报

反向是啥意思，删除？

gongyuelx 2010-02-09

打赏
举报

引用 2 楼 w2m1226 的回复:

<html>
<head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "width: 600; height: 220;overflow: hidden;";
div.innerHTML=" <img src='C:\\Users\\WanJH\\Desktop\\aa.png'>";
changeSize(div);
}

function changeSize(node){
node.style.pixelHeight -= 1; //这个1是每次增加的尺寸，值越大变大的越快
if(node.style.pixelHeight > 1){
setTimeout(function(){changeSize(node);} , 5); //这个5是速度值越大就变的越慢
}
}
</script>
</head>
<body onload="createDiv();">
</body>
</html>

首先改变div 本身的高度。。。然后+变成-。。就行了