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