九宫格图片半透明效果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程序设计有所帮助。