CSS ダイナミックブラー効果_基本チュートリアル

効果の例: マウスを置いて確認してください

ステップ 1: 次のスクリプトを

と の間に挿入します。

<script><br>関数 on(彼女){<br>女の子=彼女<br>move=setInterval("moving(girl)",50)} </script>

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

関数移動{
if (s.filters.blur.strengths.filters.blur.strength =5
else clearInterval(move)}

ステップ 2: 次のスクリプトを

と の間に挿入します。

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">