展开收缩的层

来源:互联网 发布:3g软件开发工程师 编辑:程序博客网 时间:2024/04/28 19:03

<script>
function showCnt()
{
 document.getElementById('cnt').style.height=1; 
 document.getElementById('cnt').style.display='';
 //document.getElementById('cnt').style.overflow-y='scroll'; 
 showDiv();
}
function showDiv()
{
 var ht=document.getElementById('cnt').style.height;
 ht=parseInt(ht);
 ht = ht + 10;
 document.getElementById('cnt').style.height=ht;
 
 if (ht < 260)
 {
  setTimeout( "showDiv()", 1 )
 }
 
}
function hid()
{
 var ht=document.getElementById('cnt').style.height;
 ht=Number(ht.replace('px',''));
 ht = ht - 10;
 document.getElementById('cnt').style.height=ht;
 
 if (ht > 1)
 {
  setTimeout( "hid()", 1 )
 }
 else
 {
  document.getElementById('cnt').style.display='none';
 }
}
</script>
<input type="checkbox" onClick="if (!checked) {showCnt()} else {hid()}" checked="checked">
<div id="cnt" style="width:300px; overflow-x:hidden; overflow-y:scroll; display:none; position:relative; border:solid 1px blue;">ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fdsffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fdsffd sf dsf d sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds fdf d fdsfs dfds  ffd sf dsf dsf dsfd sf dsfd  sfdsfdf  dfds fds</div>