数码资讯
九宫格图片半透明效果js实现方法褪色
本文介绍的方法JS实例实现九宫格图片半透明效果消失。分享给你供你参考。具体实现的方法如下: 复制代码代码如下所示: 九宫格图片半透明渐变效果 {。看不见的 滤镜:alpha(不透明度= 0) }
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍的方法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程序设计有所帮助。
复制代码代码如下所示:
九宫格图片半透明渐变效果
{。看不见的
滤镜: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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。