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>
...全文
173 5 打赏 收藏 举报
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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 本身的高度。。。然后+变成-。。就行了


谢谢。。。不过会留下一条丝一样的啊。。能清空吗?
浴火_凤凰 2010-02-09
  • 打赏
  • 举报
回复
没有明白什么意思,现在的人说话真简洁
相关推荐
appendChild方法 添加子节点到末尾 特点:可以实现类似于剪切黏切的效果