漂浮广告效果（原生JS）

实现广告漂浮效果思路：

1.绝对定位

2 .获取广告在可视区域的最大宽高，找漂浮时（left，top）的变化规律

2.获取元素位置（left、top）

3.设置新位置值（left，top）

4.将新值赋值给元素

5.根据漂浮规律结合定时器实现漂浮效果

6.结合鼠标移入移出事件来停止启动定时器。

7.广告关闭，即点击事件触发隐藏效果（display = ‘none’；）

效果：

广告漂浮效果

小窗口中效果

代码如下：

样式

---

如有问题欢迎交流。

如转载请注明出处，谢谢！