案例之頁面側邊廣告跟隨

2021-08-25 02:54:43 字數 1345 閱讀 8859

效果:頁面有滾動條,當移動滾動條時,保持廣告在頁面左(右)側位置不變

思路:當window觸發onscroll事件時,使用定時器使廣告跟隨移動

關鍵知識:onscroll,setinterval

具體**:

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

天王蓋地虎,小雞燉蘑菇

my.js**:

function $(id)

function scroll()

}else if(document.compatmode == "css1compat")

}else

}}

具體效果可見:頁面廣告跟

側邊欄 前端小案例之側邊欄

簡單側邊欄案例 隱藏右邊盒子滑鼠經過時顯示 最近剛開始入門學習前端用簡單的html結構加css樣式寫了個側邊欄的小案例在這裡分享給大家。效果如下 該案例主要是在乙個sidebar盒子裡面左邊放乙個ul做側邊欄裡面的li作為每一行的內容,然後將sidebar mask盒子定位到側邊欄的右邊,用disp...

wordpress不同頁面側邊欄設定方法

我們在wordpress主題開發過程中,有時候需要對不同的頁面設計不同的側邊欄,我們先看下實現的最終效果如下圖 在上圖我們可以看到,首頁與文章頁的側邊欄是分開的,這樣我們可以很好的控制想顯示的內容。那這種效果如何實現呢?方法如下 1 在主題的functions.php檔案中新增如下 if funct...

jQuery實際案例 仿京東側邊欄(樓層)

樓層 頁面滑動到哪塊兒 樓層 就顯示到哪個 點選某 樓層 頁面滾動到對應的位置 點選 返回 回到頁面頂部 實現 使用 window scroll function 監視頁面滾動的高度,使用 document scrolltop 獲取 滾到對應的位置 html,body stop animate 點選...