鼠标经过图片变换

　　方法一:可以用同一张图片, 通过滤镜, 变成灰色或恢复彩色
　　代码示例(示例图片为test.jpg):
　　<style>
　　.viewcolor{}
　　.viewgray{filter:gray(enable)}
　　</style>
　　<img src="test.jpg" class=viewgray onmouseout="this.className='viewgray'" onmouseover="this.className='viewcolor'">
　　方法二: 用不同的图片, 当鼠标移上或移开时, 切换不同图片, 这种方式更灵活些, 因为两张图片可以完全自定义.
　　代码示例(test1.jpg是暗图片,test2.jpg是亮图片):
　　<img src="test1.jpg" onmouseout="this.src='test1.jpg'" onmouseover="this.src='test2.jpg'">