Question

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

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

这是特效要怎么做???

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'">

Answer 2

一.
可以用同一张图片,
通过滤镜,
变成灰色或恢复彩色
代码示例(示例图片为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'">

Answer 3

两张亮度不一样的图片交替就可以，或者可以利用鼠标事件，配合滤镜来实现

Answer 4

两张图片一亮一暗.

Answer 5

一段小程序，你学了变成就知道了