图片马赛克变化效果 Pic mosaic 的制作
一个图片的马赛克变化效果，这是我在一个网站上发现的，给人的冲击力真的很强，如果用在菜单上，肯定会有意想不到的效果，起初我还以为是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>
这样，我们的效果就制作完成了！
制作方法：
把下面的代码加入到<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>
这样，我们的效果就制作完成了！
相 关 文 章 热 点 评 论 推 荐 文 章- 百度logo人物不过是技术无...2007-11-15
- 利用js进行网页换肤(1)2007-11-15
- 仿126邮箱选项卡的源码2007-11-15
- 谷歌为什么要推门户式首页2007-11-15
- ASP.NET立即上手教程(...2007-11-15
- Photoshop CS3新...2007-11-15
- ASP.NET立即上手教程(...2007-11-15
- 教你做小型网站的网站优化(二...2007-11-15
热 点 源 码 下 载
