Question

js特效鼠标移到图片上时图片颜色减淡

我做的网页需要一种效果，我放在网站上的图片，当鼠标移到图片上时，图片看上去像变淡了一些，移开恢复原来的样子。

Answer 1

<script type="text/javascript">
function setover(obj) {
obj.style['opacity'] = 0.5;
obj.style['filter'] = 'alpha(opacity=50)';
}
function setout(obj) {
obj.style['opacity'] = 1;
obj.style['filter'] = 'alpha(opacity=100)';
}
</script>
<img src="xxxxx" onmouseover="setover(this)" onmouseout="setout(this)" />

Answer 2

<script
type="text/javascript">
function
setover(obj)
{
obj.style['opacity']
=
0.5;
obj.style['filter']
=
'alpha(opacity=50)';
}
function
setout(obj)
{
obj.style['opacity']
=
1;
obj.style['filter']
=
'alpha(opacity=100)';
}
</script>
<img
src="xxxxx"
onmouseover="setover(this)"
onmouseout="setout(this)"
/>

Answer 3

<script
type="text/javascript">
function
setover(obj)
{
obj.style['opacity']
=
0.5;
obj.style['filter']
=
'alpha(opacity=50)';
}
function
setout(obj)
{
obj.style['opacity']
=
1;
obj.style['filter']
=
'alpha(opacity=100)';
}
</script>
<img
src="xxxxx"
onmouseover="setover(this)"
onmouseout="setout(this)"
/>