JavaScript实现图片的渐变效果
实现起来原理是这样的：用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" onmouseout=low(this); onmouseover=high(this); style="FILTER: alpha(opacity=30)" />
初始图片的显示的效果：
鼠标放在图片上的效果：
