本文实例讲述了JS实现固定在右下角可展开收缩DIV层的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: JS实现固定在右下角可展开收缩的DIV层 <br /> <!--<br /> *{margin:0;padding:0;}<br /> body{text-align:center;}<br /> #main{border:red 1px solid;width:1000px;height:1600px;margin:0 auto;}<br /> #main #scroll{width:250px;height:150px;border:green 1px solid;text-align:left;position:absolute;visibility:hidden;}<br /> #main #scroll #open{float:left;text-align:center;width:180px;}<br /> #main #scroll #close{float:right;}<br /> //--><br /> 仅实现核心部分，至于内容自己完善，或者继续美化一下，应该不错！ 欢迎光临欢迎提出宝贵建议！ 关闭 <br /> <!--<br /> var scroll=document.getElementById("scroll")<br /> var main=document.getElementById("main")<br /> var open=document.getElementById("open")<br /> var close=document.getElementById("close")<br /> scroll.style.visibility="visible"<br /> function runright()<br /> {<br /> /*这里-4主要是为了显示的比较好，因为我设置了边框*/<br /> scroll.style.top=document.body.scrollTop+document.body.clientHeight-scroll.clientHeight-4+"px"<br /> scroll.style.left=document.body.scrollLeft+document.body.clientWidth-scroll.clientWidth-4+"px"<br /> /*隔一段时间执行这个函数*/<br /> setTimeout("runright()",30)<br /> }<br /> /*关闭:设置高度一直减*/<br /> function closebox()<br /> {<br /> scroll.style.height=scroll.offsetHeight-4+"px"<br /> if (scroll.offsetHeight>20)<br /> {<br /> setTimeout("closebox()",5)<br /> }<br /> else<br /> {<br /> close.style.visibility="hidden"<br /> }<br /> }<br /> function openbox()<br /> {<br /> if (scroll.offsetHeight<148)<br /> {<br /> close.style.visibility="visible"<br /> scroll.style.height=scroll.offsetHeight+2+"px"<br /> setTimeout("openbox()",5)<br /> }<br /> }<br /> runright();<br /> //--><br /> 希望本文所述对大家的javascript程序设计有所帮助。
