九宫格图片半透明效果js实现方法褪色

本文介绍的方法JS实例实现九宫格图片半透明效果消失。分享给你供你参考。具体实现的方法如下:

复制代码代码如下所示:

九宫格图片半透明渐变效果



{。看不见的

滤镜:alpha(不透明度= 0)

}





<!——

功能高(其中2){

其中对象=

突出= setInterval(highlightit(对象)

}

功能低下(其中2){

ClearInterval(强调)

其中,过滤器。阿尔法。不透明度:0

}

功能highlightit(研究){

如果(研究。过滤器。阿尔法。透明度<100)

研究。过滤器。阿尔法。混浊+ = 10

否则如果(窗口突出显示)

ClearInterval(强调)

}





<表格边框颜色= 999999 = 8 # cellspacing cellpadding = 0宽度= 302

边框= 0



< TD宽度= 90 = = # db4d0e text1.gif bgcolor背景

高度= 90 >
Class=invisible onmouseover=high (this) onmouseout=low (this)

src= /图像/ M01 .jpg边境= 0宽度= 180px高度= 135px >

<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= /图像/ M02 .jpg边境= 0宽度= 180px高度= 135px >

<

href = >
onmouseover =高(这)onmouseout=低(这)src= / / M03 JPG图像。

边境= 0宽度= 180px高度= 135px >



<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= /图像/ M04 .jpg边境= 0宽度= 180px高度= 135px >

<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= /图像/ M05 .jpg边境= 0宽度= 180px高度= 135px >

<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= / / JPG图像后,边境= 0宽度= 180px高度= 135px >



<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= /图像/ M07 .jpg边境= 0宽度= 180px高度= 135px >

<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)src= / / M08 JPG图像。

边境= 0宽度= 180px高度= 135px >

<

href =/>
类=无形onmouseover =高(这)onmouseout=低(这)

src= /图像/ m09 .jpg边境= 0宽度= 180px高度= 135px >





希望本文能对大家的javascript程序设计有所帮助。