我们可以用java script 在网页上面实现动感小图标的效果，在这里，这种动感的效果是通过鼠标的运动来触发的，这可以让网页访问者与网站本身产生很好的互动。
工具/原料
dreamweaver
方法/步骤
1
思路：我们在这个鼠标事件中要达成两件事情，一个就是鼠标在元素上面的时候触发 java script 运行，另外一个就是 鼠标离开元素的时候触发 java script运行。
2
一个完整的动感小图标的 java 代码实现流程。
鼠标移到这里看我要说给你的话
3
从上面的案例来看。两个function () 语句完成了这个 java script 流程。另外，我们声明了动感图标的样式，使用了innerHTML 代码。这些都是学习的要点。
4
接下来我们再做一个鼠标点击的事件案例，也可以同样做一个动感的小图标。
点这里变魔术
5
从上面的案例进行分析，我们可以明白两个function () 语句让鼠标事件成功了！innerHTML 同样发挥了改变文本内容的作用。
6
我们可以根据这个原理做一个灯开与灯关的效果。这就是典型的鼠标事件改变图像元素的方法。
在图片上点击鼠标开灯