JS全屏漂浮广告实现：移入停止，光标移出继续

该资源提供了一段JavaScript代码，用于实现一个全屏漂浮广告，当鼠标移入广告时，广告的移动会停止。这段代码基于HTML、CSS和JavaScript，适用于网页设计中的动态效果。 在HTML部分，创建了一个`<div id="roll">`元素作为广告的容器，设置其宽高、背景色以及绝对定位。内部包含文字内容"我是广告"以及一个链接到www.jb51.com的标签。 CSS部分，定义了`div#roll`的样式，包括宽度、高度、背景颜色、文本颜色和绝对定位，使其能够在页面上自由移动。 JavaScript部分，定义了一个对象`ggRoll`，其中包含了广告元素的引用、移动速度、移动方向状态、初始位置、窗口边界等属性，以及一个`Go`方法来处理广告的移动逻辑。`Go`方法计算广告的移动位置，并根据边界条件调整移动方向。此外，使用`setInterval`函数每隔一定时间调用`Go`方法，实现广告的持续移动。 当鼠标移入广告区域（`div#roll`）时，可以添加事件监听器来暂停`setInterval`的执行，从而实现鼠标悬停时广告停止移动的效果。这通常通过`addEventListener`或`onmouseover`事件处理函数实现。同样，当鼠标移出广告区域时，可以恢复`setInterval`，使广告继续移动，这可以通过`mouseout`事件处理。 这段代码展示了如何利用JavaScript实现一个具有动态效果的全屏漂浮广告，同时结合CSS进行样式控制，使得广告在用户交互时有相应的响应。在实际应用中，可以根据需要调整广告的尺寸、颜色、移动速度等参数，以适应不同的网页设计需求。