喵喵笨兔 の 喵喵的家~遊戲天地 - 首頁(上版面)
喵喵笨兔 の 喵喵的家~遊戲天地 - 首頁(左版面)
首  頁 最新消息 遊戲攻略 遊戲影片 遊戲圖片 下載區 學習分享 留言板 FB粉絲團
 喵喵笨兔 の 喵喵的家~遊戲天地 - 隨網頁捲軸捲動移位的浮動廣告、浮動圖片、浮動視窗....

隨網頁捲軸捲動移位的浮動廣告、浮動圖片、浮動視窗....

 

即時滾動移位的浮動視窗

在網頁的側邊或某位置,出現小型浮動視窗,隨著網頁的捲動移位,但最終都會固定在某個位置上。笨兔的各篇攻略中,幾乎都有用此浮動視窗。

笨兔在其他網站參研了幾位神大大所寫的程式碼,並拿來展示並稍加解說一下!若對您有所幫助,就 + - 用唄!^ ^

 

(1) 用 javascript 編寫:
   
(2) 用 javascript 編寫 (飄浮式):
   
(3) 用 jQuery 編寫 (可關閉):
笨兔隨手筆記於 2017/10/03

喵喵笨兔 の 喵喵的家~遊戲天地
http://vv0817.tk
http://vvv.lionfree.net
http://qo3op.asuscomm.com/vvv
https://uoedgpkhyfwzmd7zua8myg-on.drv.tw/vvv