1. 程式人生 > >如何實現廣告圖片總是顯示在頁面上方,並且隨滾動條同步移動?

如何實現廣告圖片總是顯示在頁面上方,並且隨滾動條同步移動?

思路分析:

把廣告圖片放在一個div中,並且div總是顯示在頁面的上方

使用getElementById()方法獲取層物件,並且獲取層在頁面上的初始位置

根據滑鼠滾動事件,獲取滾動條滾動的距離

隨著滾動條的移動改變層在頁面上的位置

js程式碼:

function move(){
adverObject.style.top=adverTop+parseInt(document.documentElement.scrollTop)+"px";
adverObject.style.left=adverLeft+parseInt(document.documentElement.scrollLeft)+"px";
}  
window.onload=inix;
window.onscroll=move;