css动态模糊效果


实例效果:请把鼠标放上去看看

第一步:把下面的脚本插入<head>与</head>之间:

<script>
function on(she){
girl=she
move=setInterval("moving(girl)",50)}

function off(she){
clearInterval(move)
she.filters.blur.strength=2 }

function moving(s){
if (s.filters.blur.strength<110)
s.filters.blur.strength+=5
else clearInterval(move)}

</script>

第二步:把下面的脚本插入<body>与</body>之间:

<p><a href="../index.htm"><img src="c.jpg" width="200" height="138"

style="position:absolute;top:70;left:390;filter:blur(add=1,direction=80,strength=2)"

onMouseOver="on(this)" onMouseOut="off(this)" width="337" height="87" border="0"></a> </p>



相关阅读:
vb.net入门——Label和LinkLabel控件的使用
JavaScript定义类或函数的几种方式小结
Jsonp 跨域的原理以及Jquery的解决方案
PHP中使用gettext来支持多语言的方法
Linux的LUPA认证考试系统beta2发布
网页头部css代码优化实例
左中右3栏布局中最先显示中栏内容的方法
javascript charAt() arr[i]数组实例代码
javascript 支持链式调用的异步调用框架Async.Operation
Canvas教程(4):Using images应用图像
探秘:Linux在纳斯达克的应用
如何用css改变鼠标显示形状
Linux网络命令介绍:route
域名解析 A记录 MX记录 CNAME记录 TTL
快速导航

Copyright © 2016 phpStudy |