demoshop

demo, trying to be the best_

浮動圖層符合w3c

  • 2008-06-15
  • 11547
  • 0

有時候需要使用浮動圖層的效果,偷窺了很多先進的原始檔與教學,修改了一款可正常的支援ie和Firefox並且可以用滾輪的浮動圖層。

我們先製作出一個div來當作浮動的圖層,demo把它的id定為board

<div id="board">我會飄唷</div>  

然後在頁面最後加上一個java script

function moveBoard()     {  
        var board = document.getElementById("board");  
        board.style.top = (document.documentElement.scrollTop)+'px'; 
    }
        window.onscroll = moveBoard;  
        window.onresize = moveBoard;  

皆者把需要浮動的元素都丟到名為board的DIV內就可以啦

 


http://blog.xuite.net/abgne/diary1/4447055
 

回應討論