本文实例讲述了js实现九宫格图片半透明渐显特效的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 九宫格图片半透明渐显效果 .invisible {<br /> FILTER: alpha(opacity=0)<br /> }<br /> <br /> <!--<br /> function high(which2){<br /> theobject=which2<br /> highlighting=setInterval("highlightit(theobject)",50)<br /> }<br /> function low(which2){<br /> clearInterval(highlighting)<br /> which2.filters.alpha.opacity=0<br /> }<br /> function highlightit(cur2){<br /> if (cur2.filters.alpha.opacity<100)<br /> cur2.filters.alpha.opacity+=10<br /> else if (window.highlighting)<br /> clearInterval(highlighting)<br /> }<br /> //--><br /> border=0> height=90> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m01.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m02.jpg" border=0 width=180px height=135px> href=""> onmouseover=high(this) onmouseout=low(this) src="/images/m03.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m04.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m05.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m06.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m07.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m08.jpg" border=0 width=180px height=135px> href="/"> class=invisible onmouseover=high(this) onmouseout=low(this) src="/images/m09.jpg" border=0 width=180px height=135px> 希望本文所述对大家的javascript程序设计有所帮助。
