<script language="JavaScript">
var step = 5;
var num = 0;
var limit = 50;
function mosaic(){
if (num<limit){
t1.style.left=((parseInt(t1.style.left)? parseInt(t1.style.left):0)-num);
t1.style.top=((parseInt(t1.style.top)? parseInt(t1.style.top):0)-num);
t1.width += num*2;
t1.height += num*2;
num++;
setTimeout("mosaic();",50);
}else num = 0;
}
</script>
<div id="d1" style="position:absolute;top:10px;left:10px;width:400px;height:60px;border:1 black solid;overflow:hidden"><img id="t1" style="position:absolute;" src="http://www.ajaxstu.com/Files/File/2007-11/24/JEB3AHK7DD35E900F6.gif""></div>
<br><br><br><br>
<input name="mosaic" type="button" value="马赛克" onclick="mosaic();">Alpha 滤镜 : 线形 <img src=http://
css滤镜 应用在图片中的实例 Js+css特效 喜欢绚丽的可以看看
原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]
相关文章:
- 用外国人的手写中国字(2007-11-26 5:45:29)
- css:鼠标样式(2007-11-25 7:36:0)
- css:背景色渐变(2007-11-24 4:28:30)
- CSS渐变滤镜(2007-11-18 5:0:9)
- CSS元素命名常用关键字(2007-11-15 3:17:26)
- 对联广告代码效果大全(2007-11-7 5:58:36)
- 成良好的CSS编码习惯(2007-11-3 3:29:33)
- 符合Web标准的超链接(2007-11-2 1:34:51)
- css定位有关的一张图片(2007-11-1 10:30:30)
- CSS切换实例解析(2007-11-1 7:41:10)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
