逐梦论坛 » 网页制作 » 马赛克效果显示图片

shillan 发表于 2006-11-14 23:05

马赛克效果显示图片

<p><img id=img1 style="filter: ; visibility: visible" src="http://www.toto369.net/txtx/1.jpg"></p>
<p>加入如下代码到head区域<br><textarea class=yk9 name=source rows=12 cols=100>&lt;script language=javascript&gt;
&lt;!--
var num = 50
function chfilter() {
if(num &gt; 2) {
num -= 1
img1.style.filter = "progid:dximagetransform.microsoft.pixelate(maxsquare=" + num + ")"
settimeout("chfilter()",5)
} else {
img1.style.filter = ""
}
}
//--&gt;
&lt;/script&gt;</textarea> <br><input onclick=source.select() type=button value=选取代码 name=b2>
<script language=javascript>
<!--
function closeclk() {
another=close();
}
//-->
          </script>
<input onclick=closeclk() type=button value=关闭窗口 name=b22> </p>
<p>加入如下代码到body区域<br><textarea class=yk9 id=source1 name=source1 rows=12 cols=100>&lt;img id=img1 style="filter: progid:dximagetransform.microsoft.pixelate(maxsquare=50); visibility: hidden" src="1.jpg"&gt;</textarea> <br><input onclick=source1.select() type=button value=选取代码 name=b23>
<script language=javascript>
<!--
function closeclk() {
another=close();
}
//-->
          </script>
<input onclick=closeclk() type=button value=关闭窗口 name=b222> </p>
<p>3.把&lt;body&gt;改为&lt;body onload="img1.style.visibility='visible';chfilter()"&gt;</p>

boboangle 发表于 2006-11-16 13:48

最近正在学，试试[EM03]

111222sss 发表于 2007-5-28 04:40

呵呵  
正在学

查看完整版本: 马赛克效果显示图片