<style type="text/css">
body{
font-size:12px;
margin-left: 0px;
margin-top: 0px;
}
#title{
height:30px;
width:172px;
background-image:url(img/xia.jpg);
}
#content{
height:100px;
width:172px;
background-color:#DFF2EC;
margin-top:30px;
overflow:scroll;
}
</style>
<script type="text/javascript">
function extra(obj){
if(obj.style.display == "none"){
obj.style.display = "block";
p1.src = "img/minus.gif";
}
}
function interchange(obj){
var img = obj.style.backgroundImage;
if((img == "") || (img == "url(img/xia.jpg)")){
obj.style.backgroundImage = "url(img/shang.jpg)";
xia();
}else{
obj.style.backgroundImage = "url(img/xia.jpg)";
shang();
}
}
function shang(){
var h = content.offsetHeight;
if(h == ""){
h = 500;
}
h = h - 20;
content.style.height = h;
if(h > 100){
setTimeout(shang, 1);
}
}
function xia(){
var h = content.offsetHeight;
if(h == ""){
h = 100;
}
h = h + 20;
content.style.height = h;
if(h < 500){
setTimeout(xia, 1);
}
}
</script>
<div id="title" οnclick="interchange(this)">
<div>
<div id="content">
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
1234567890
</div>