js高手进，求一个js动态改变div高度程序
比如让div高度从0到100逐渐改变（注意是逐渐而不是一下子完成）。也就是这个改变的过程是可以看到的...
比如让div高度从0到100逐渐改变（注意是逐渐而不是一下子完成）。
也就是这个改变的过程是可以看到的 展开
也就是这个改变的过程是可以看到的 展开
3个回答
展开全部
<html>
<head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "border: 1 solid; width: 100; height: 0;overflow: hidden;";
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>
<head>
<script language="JavaScript">
function createDiv(){
var div = document.createElement('div');
document.body.appendChild(div);
div.style.cssText = "border: 1 solid; width: 100; height: 0;overflow: hidden;";
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我写了一个简单的例子，我这里是调试通过的，你试试看是否可行：
<div id="ddd" style="background-color:red;height:100">1</div>
<script type=text/javascript>
function $(id){return document.getElementById(id);}
var div1_h=0;
function div1_modi(){
div1_h++;
$('ddd').innerHTML=div1_h;
$('ddd').style.height=div1_h;
if (div1_h<100) setTimeout('div1_modi();',80);
}
div1_modi();
</script>
<div id="ddd" style="background-color:red;height:100">1</div>
<script type=text/javascript>
function $(id){return document.getElementById(id);}
var div1_h=0;
function div1_modi(){
div1_h++;
$('ddd').innerHTML=div1_h;
$('ddd').style.height=div1_h;
if (div1_h<100) setTimeout('div1_modi();',80);
}
div1_modi();
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
顶楼上两位,,div高度渐变感觉没什么实用价值，不知道楼主是要做什么..
如果是特效,,还是用滤镜做好一点
如果是特效,,还是用滤镜做好一点
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
