ＤＨＴＭＬ研究室

　

Back to Title Page(OpenLab)タイトルページへ戻る


ＤＨＴＭＬでタイマーを使用する。.

　マウスカーソルの動きで表示するイメージに変化を持たせます。スクリプトに ＪａｖａＳｃｒｉｐｔを使用しています。また、フィルターとして、ＤＨＴＭＬの ビジュアルフィルターを使用しています。

　さらにリアルタイムで変化させるためにタイマースクリプトを追加します。
　タイマースクリプトのインターバルを開始するために、ＨＴＭＬの <BODY>タグで初期化関数を呼び出しています。 初期化の位置を変更することでマウスでクリックしたら開始するとか、マウスが画像の 上にあるときだけ動作するなどの処理も行えます。

　


Language


上のＤＨＴＭＬ部分のソースコードです。

<body onload="init()">
< img src="Japanese.gif" style="filter: alpha(opacity=0)"
width="100" height="16" alt="Language">
<script language="JavaScript">
function init(){
setInterval("style_change(sample,2)",100);
}
function style_change(obj,d){
obj.filters.alpha.opacity = (obj.filters.alpha.opacity + d)%101;
}
</script>


Copyright (C) Kitaro 1998