用JS如何慢慢的改变div的大小!我试过循环那还是不行。

来源:百度知道 编辑:UC知道 时间:2024/05/22 20:16:30
if (type==false)
{
document.getElementById("Parent").style.display="none";
for (i= 80;i<= 100;i++)
{
document.getElementById("MapDiv").style.width=i+"%";
document.getElementById("IndentDiv").style.left=i+"%";
}
document.getElementById("IndentImg").src="arrow.png";
如果大家觉得我说的不够清楚
请参考http://maps.yahoo.com 那个扩大地图的功能,我要的就是点击后那div慢慢扩大而不是一闪而过的效果。

要用定时器的。

int width=80;
function tick() {
document.getElementById("MapDiv").style.width=width+"%";
document.getElementById("IndentDiv").style.left=width+"%";

width=width+5;
if(document.getElementById("MapDiv").style.width=100%)
{
document.getElementById("MapDiv").style.width=80%;
}
window.setTimeout("tick()", 100);
}