實(shí)現(xiàn)廣告漂浮效果思路:
1.絕對(duì)定位
2 .獲取廣告在可視區(qū)域的最大寬高,找漂浮時(shí)(left,top)的變化規(guī)律
2.獲取元素位置(left、top)
3.設(shè)置新位置值(left,top)
4.將新值賦值給元素
5.根據(jù)漂浮規(guī)律結(jié)合定時(shí)器實(shí)現(xiàn)漂浮效果
6.結(jié)合鼠標(biāo)移入移出事件來停止啟動(dòng)定時(shí)器。
7.廣告關(guān)閉,即點(diǎn)擊事件觸發(fā)隱藏效果(display = ‘none’;)
效果:

廣告漂浮效果
小窗口中效果
代碼如下:

樣式


如有問題歡迎交流。
如轉(zhuǎn)載請(qǐng)注明出處,謝謝!