js实现鼠标触发图片抖动效果的方法

本文旨在分享如何使用JavaScript实现鼠标触发图片抖动效果的方法。这是一种实用且富有创意的技术，能够为你的网页增添趣味性。通过简单的定时器递归调用rattleimage函数，即可轻松实现抖动效果。

以下是实现这一效果的详细步骤和代码示例：

在HTML文档的头部引入JavaScript代码，并定义一个名为shakeimage的样式类，用于相对定位图片。

在JavaScript代码中，我们定义了几个函数来实现抖动效果。init函数用于初始化图片，并设置shake变量为当前图片元素。rattleimage函数则是实现抖动效果的关键，它通过定时递归调用调整图片的left值来实现抖动。srattle函数用于在鼠标移出图片时停止抖动。

以下是具体的HTML和JavaScript代码示例：

```html