图片在鼠标放上去的时候变亮,拿开就变暗,这是怎么回事?

鼠标放到网页中的图片上(本来是暗的)后图片变亮
离开后,图片又暗下去...

这是特效要怎么做???

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

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8f24fsvs.html