實現(xiàn)廣告漂浮效果思路:
1.絕對定位
2 .獲取廣告在可視區(qū)域的最大寬高,找漂浮時(left,top)的變化規(guī)律
2.獲取元素位置(left、top)
3.設置新位置值(left,top)
4.將新值賦值給元素
5.根據(jù)漂浮規(guī)律結合定時器實現(xiàn)漂浮效果
6.結合鼠標移入移出事件來停止啟動定時器。
7.廣告關閉,即點擊事件觸發(fā)隱藏效果(display = ‘none’;)
效果:
廣告漂浮效果
小窗口中效果
代碼如下:
樣式
如有問題歡迎交流。
如轉載請注明出處,謝謝!