JS伸缩效果

发表于 2011年03月10日
jQuery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Untitled Document</title>

</head>

<body>

<style>

.b{

position:absolute;

top:130px;

left:250px;

height:100px;

background-color:#666;

}

</style>

<table>

<tr>

</tr>

</table>

</div>

var a2,a1;

var dir = 0;

function showdiv(id){

if(a2){

clearInterval(a2);

}

var obj = document.getElementById(id);

obj.style.display = "block";

var changw = function(){

var obj_w = parseInt(obj.style.width);

if(obj_w<=300){

obj.style.width = obj_w + Math.ceil((300-obj_w)/10) + "px";

}

else{

if(a1){

clearInterval(a1);

}

a1 = setInterval(changw,10);

if(dir>0){

clearInterval(a2);

}

function closediv(id){

if(a1){

clearInterval(a1);

}

dir ++;

var obj = document.getElementById(id);

var closed = function(){

var obj_w = parseInt(obj.style.width);

clearInterval(a1);

if(obj_w>30){

obj.style.width = obj_w - Math.ceil(obj_w/10) +"px";

}

else{

if(a2){

clearInterval(a2);

}

a2 = setInterval(closed,1);

}

function stopdiv(){

clearInterval(a1);

clearInterval(a2);

obj.style.width = "300px";

}

</script>

</body>

</html>

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

批处理写的文件夹加密程序 JS缓冲效果+伸缩隐藏层