ゆらゆら揺れるページ
原案:平井 公大 氏 (2000/12/07 登録)
ブラウザの画面がゆらゆらと揺れます。あんまり見つめていると視力が落ちるかも(^_^;。Netscapeでは動作しません。
表示サンプル
ソース記述内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>ゆらゆら揺れるページ</title>
<script type="text/JavaScript">
<!--
var n = 0;
function disp() {
setTimeout("disp()",100);
document.all.Layer1.style.filter="wave( freq=2 , strength=5, lightstrength=5 , phase=" + n + ")" ;
n = n + 10;
if (n>100) n=0;
}
// -->
</script>
</head>
<body onLoad="disp()" ID="Layer1"
style="position:absolute; left:0; top:0; margin:2em;
width:120%; height:100%; background-color:white;">
<h1>ゆらゆら揺れるページ</h1>
<div class="mainbox">
<p> ブラウザの画面がゆらゆらと揺れます。あんまり見つめていると視力が落ちるかも(^_^;。</p>
<div class="sample" style="text-align: center; height:160"> </div>
</div>
</body>
</html>