Question

在dreamweaver中，怎么实现鼠标移动到一张图片上，该图片由暗变亮？

Answer 1

一. 可以用同一张图片, 通过滤镜, 变成灰色或恢复彩色

代码示例(示例图片为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'">