JS缓冲效果+伸缩隐藏层

发表于 2011年03月10日
jQuery

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

<head>

var flag=0;

function f_s(id){

var obj=document.getElementById(id);

obj.style.display="block";

obj.style.height="1px";

var changeW=function(){

var obj_h=parseInt(obj.style.height);

if(obj_h<=335){

obj.style.height=(obj_h+Math.ceil((335-obj_h)/10))+"px";

}

else{

clearInterval(bw1);

}

bw1= setInterval(changeW,1);

if(flag>0){

clearInterval(bw2);

}

function closeW(id){

flag++;

var obj=document.getElementById(id);

var closeDiv=function(){

clearInterval(bw1);

var obj_h=parseInt(obj.style.height);

if(obj_h>1){

obj.style.height=(obj_h-Math.ceil(obj_h)/10)+"px";

}

else{

clearInterval(bw2);

obj.style.display="none";

}

bw2= setInterval(closeDiv,1);

//alert(flag)

}

function showDiv(){

var ele = document.getElementById("div1");

clearInterval(bw1);

clearInterval(bw2);

ele.style.display = "block";

ele.style.height = 335 + "px";

}

</script>

</head>

<body>

</div>

</body>

</html>

标签：Javascript , JS 原文连接：JS缓冲效果+伸缩隐藏层 所有媒体，可在保留署名、原文连接的情况下转载，若非则不得使用我方内容。

JS伸缩效果 3·11日本本州岛海域地震