| 广 告 位 置 |
|
|
|
 |
| 站 内 搜 索 |
|
|
|
|
|
|
|
|
图片马赛克变化效果 Pic mosaic 的制作
来源：盛绿设计 等级：默认等级
发布于2006-12-04 00:51 被读33次 【字体：大 中 小】
|
|
一个图片的马赛克变化效果，这是我在一个网站上发现的，给人的冲击力真的很强，如果用在菜单上，肯定会有意想不到的效果，起初我还以为是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〉 |
这样，我们的效果就制作完成了 |
相关专题：暂无相关专题
上一篇：CSS实现星级效果总结
下一篇：制作在状态栏动态提示超链接地址的效果
|
共有评论 0 条 网友评分  查看全部
|
|
|
当前位置：首 页 >> 教程资料 >> 网页制作 >> 图片马赛克变化效果 Pic mosaic 的制作
