马赛克图片
来源:百度文库 编辑:神马文学网 时间:2024/05/11 17:26:12
马赛克图片
运用Flash,我们可以使图片以马赛克的形式渐渐显示出来,其实用JavaScript也可以做到。代码如下:
把下面的代码加入到〈head〉和〈/head〉之间:
〈SCRIPT language=JavaScript〉
〈!--
var num = 50
function chFilter() {
if(num 〉 2) {
num -= 1
img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"
setTimeout("chFilter()",5)
} else {
img1.style.filter = ""
}
}
//--〉
〈/SCRIPT〉
在〈body〉中加入如下代码:onload="img1.style.visibility=‘visible‘;chFilter()"
在要变化的图片〈img〉中加入如下代码就大功告成了:id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden"
运用Flash,我们可以使图片以马赛克的形式渐渐显示出来,其实用JavaScript也可以做到。代码如下:
把下面的代码加入到〈head〉和〈/head〉之间:
〈SCRIPT language=JavaScript〉
〈!--
var num = 50
function chFilter() {
if(num 〉 2) {
num -= 1
img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"
setTimeout("chFilter()",5)
} else {
img1.style.filter = ""
}
}
//--〉
〈/SCRIPT〉
在〈body〉中加入如下代码:onload="img1.style.visibility=‘visible‘;chFilter()"
在要变化的图片〈img〉中加入如下代码就大功告成了:id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden"