模板
教程
環境
性能
功能
管理
圖片馬賽克變化效果Picmosaic的制作
一個圖片的馬賽克變化效果，這是我在一個網站上發現的，給人的沖擊力真的很強，如果用在菜單上，肯定會有意想不到的效果，起初我還以為是flash，后來才知道是用了簡短的幾行腳本的結果，強烈推薦！
制作方法：
把下面的代碼加入到<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()"
比如：<body bgcolor="#FFFFFF" text="#000000" onload="img1.style.visibility='visible';chFilter()">
在要變化的圖片<img>中加入如下代碼：
id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden"
比如：<IMG id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden" height=300 src="48.jpg" width=214 border=0>
這樣，我們的效果就制作完成了！
