JavaScript实现网页窗口抖动效果

"本篇文章主要介绍了如何使用JavaScript实现一个简单的网页抖动效果。首先，我们来看一下HTML结构，页面包含两个按钮，分别触发`mfx()`和`mfx(1)`函数，以及一个图片元素id为`qq`，用于展示动态效果。HTML部分使用了DOCTYPE声明和XHTML1.0 Transitional标准，并设置了字符编码为GB2312。 CSS部分定义了一个相对定位的样式规则，使`#qq`元素可以进行位置调整。在JavaScript部分，关键的逻辑位于`mfx`函数中。这个函数接受一个可选参数`isWin`，它决定了抖动行为是在窗口范围内移动（`window.moveBy`）还是仅改变图片元素的位置。 `mfx`函数内部，首先初始化变量`t`为0，`z`为3（表示抖动幅度），并定义了一个清除定时器的辅助函数`del`。接下来，通过`setInterval`创建了一个定时器，每30毫秒执行一次回调函数。回调函数中，计算当前时间`t`转换为弧度后，应用正弦和余弦函数得到x和y轴上的偏移量，并更新图片元素的位置。当`t`累计达到1080度时，即180秒，会调用`del()`函数停止定时器。 通过这两个按钮，用户可以选择不同的模式来启动图片的抖动效果，这在设计交互式网页或者游戏界面时可能会很有用，例如用来吸引用户注意力或增加趣味性。这篇文章提供了一种基础的JavaScript技术，用于实现网页上的视觉效果动画。"