JavaScript改变图片透明度，鼠标放上渐渐显示

<title>JavaScript改变图片透明度</title>

<script language="JavaScript">

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}

</script>

<script language="javascript">

var min=10;

var max=100;

var number=1;

function OnMouseOver(obj)

{

if(obj.changing)

clearInterval(obj.changing);

obj.changing=setInterval("add("+obj.id+")",10);

}

function OnMouseOut(obj)

{

if(obj.changing)

clearInterval(obj.changing);

obj.changing=setInterval("sub("+obj.id+")",10);

}

function add(obj)

{

if(obj.filters.Alpha.Opacity > max)

{

clearInterval(obj.changing);

obj.changing=false;

obj.filters.Alpha.Opacity = max;

}

else

obj.filters.Alpha.Opacity += number;

test1.innerText = "img1:"+img1.filters.Alpha.Opacity;

test2.innerText = "img2:"+img2.filters.Alpha.Opacity;

}

function sub(obj)

{

if(obj.filters.Alpha.Opacity < min)

{

clearInterval(obj.changing);

obj.changing=false;

obj.filters.Alpha.Opacity = min;

}

else

obj.filters.Alpha.Opacity += -number;

test1.innerText = "img1:"+img1.filters.Alpha.Opacity;

test2.innerText = "img2:"+img2.filters.Alpha.Opacity;

}

</script>

<img id='img1' src="wall_s5.jpg" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">

<img id='img2' src="wall_s6.jpg" style="filter:Alpha(Opacity=10)" onmouseover="OnMouseOver(this)" onmouseout="OnMouseOut(this)">

<div id='test1'>img1:10</div>

<div id='test2'>img2:10</div>