源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

css动态模糊效果

  • 时间:2020-06-20 15:27 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:css动态模糊效果
实例效果:请把鼠标放上去看看         [url=http://www.qxcomm.com/p_html/bigbother/index.htm][img]http://files.jb51.net/upload/2007331213446388.jpg[/img] [/url] 第一步:把下面的脚本插入<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部