一個圖片的馬賽克變化效果
這是我在一個網站上發現的
給人的沖擊力真的很強
如果用在菜單上
肯定會有意想不到的效果
起初我還以為是flash
後來才知道是用了簡短的幾行腳本的結果
強烈推薦!
制作方法
把下面的代碼加入到<head>和</head>之間
<SCRIPT language=JavaScript>
<!
var num =
function chFilter() {
if(num >
) {
num
=
img
style
filter =
progid:DXImageTransform
Microsoft
Pixelate(MaxSquare=
+ num +
)
setTimeout(
chFilter()
)
} else {
img
style
filter =
}
}
//
>
</SCRIPT>
在<body>中加入如下代碼
onload=
img
style
visibility=
visible
;chFilter()
比如
<body bgcolor=
#FFFFFF
text=
#
onload=
img
style
visibility=
visible
;chFilter()
>
在要變化的圖片<img>中加入如下代碼
id=img
比如
<IMG id=img
height=
src=
jpg
width=
border=
>
這樣
我們的效果就制作完成了!
From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25320.html