本文實例講述了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程式設計有所幫助。
