主页 > 知识库 > css动态模糊效果

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.strength110)
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>

您可能感兴趣的文章:
  • css实现的图片模糊效果
  • 利用模糊实现视觉3D效果实例讲解

标签:红河 长治 上海 乐山 沈阳 沧州 河南 新疆

巨人网络通讯声明:本文标题《css动态模糊效果》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266