div展开和折叠 php,一个DIV层的折叠与展开

展的折叠、展开

#mrc {

font-size: 14px;

width: 160px;

height: 50px;

background: #eee;

padding: 10px;

border: 4px #ccc double;

overflow: hidden;

}

#key {

color: red;

float: right;

margin-top: -20px;

}

var s=5;

var minheight=50;

var maxheight=150;

function shoppingcat(){

var key = document.getElementById("key").innerText;

if(mrc.style.pixelHeight==0)mrc.style.pixelHeight=minheight;

if(key=="展开"){

mrc.style.pixelHeight+=s;

if(mrc.style.pixelHeight

setTimeout("shoppingcat();",1);

}else{

document.getElementById("key").innerText="关闭";

}

}else{

mrc.style.pixelHeight-=s;

if(mrc.style.pixelHeight>minheight){

setTimeout("shoppingcat();",1);

}else{

document.getElementById("key").innerText="展开";

}

}

}

模板无忧

展开

模板无忧源码下载。