文字や画像を動かしてみよう1

ここにマウスをのせてみて(#はーと)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--//
var t;
var i = 0;
function subStart(){
	if (document.getElementById){
        str = "wave(Freq="+i+",Phase=200,Strength=10,LightStrength=10);";
        document.getElementById("lay1").style.filter = str;
		if (i > 20){i = 0;}else{i ++;}
    }
	t = setTimeOut("subStart()", 200);
}
function subEnd(){
	if(t){clearTimeout(t);}
}
//-->
</script>
</head>
<body>
<div id="lay1" name="lay1" style="width:300px;height:" 
  onMouseOver="subStart()" onMouseOut="subEnd()"> 
ここにマウスをのせてみて(#はーと)<br>
<img src="./1.gif" alt="">
</div>
</body>
</html>