实现起来原理是这样的:用javascript来给css中的 alpha滤镜,产生一个循环,检测alpha值是否达到100,如果没达到,则+10,直到达到100。原理是这样的,具体实现起来可以把以下javascript放在叶面的<head>和</head>中间:
<script type ="text/javascript" >
function high(ImgControl){
theobject=ImgControl;
highlighting=setInterval("highlightit(theobject);",50);
}
function low(ImgControl){
clearInterval(highlighting);
ImgControl.filters.alpha.opacity=40;
}
function highlightit(ImgControl){
if (ImgControl.filters.alpha.opacity<100)
ImgControl.filters.alpha.opacity+=10;
else if (window.highlighting)
clearInterval(highlighting);
}
</script>
调用的方法:
<img src ="img.gif" οnmοuseοut=low(this); οnmοuseοver=high(this); style="FILTER: alpha(opacity=30)" />
初始图片的显示的效果:
鼠标放在图片上的效果: