网站制作中经常会使用鼠标特效的效果，有比较简单的直接用JavaScript实现，如，需要鼠标移动到图片上变成灰色，离开时变成次彩色。这种特效可以通过onMouseOver/onMouseOut来实现。

<img src="图片路径" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onMouseOver="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onMouseOut="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">

以上代码除了使用JavaScript，还用到了CSS的滤镜效果。保定网站设计友情提示，滤镜效果并不是所有的浏览器都兼容，在制作的过程中需要测试。