K05_1 写真にさわったらムービーを始め、離れると止まる。

写真にカーソルがさわったら動き始め、離れると止まります。NN3.0,IE4.0から使えます。
K05では早いマシンだと切り替わりが早すぎてアニメに見えない(^^;;ということでsetTimeoutでタイミングを少し調整したバージョンです。

応用:ここで使っている写真はわずか3枚(止まっているのが1枚と動いてるのが2枚)だけです。たとえば、あっかんべーを繰り返す(^^;とか写真を取り替えて使って下さい。
参照: null, バージョンチェックif(navigator.appVersion.charAt(0)>=バージョン番号){命令}, new, Array(), Image(), function, var, src, clearTimeout(), setTimeout(), document.images[], onMouseOver, onMouseOut,

Sample

写真に触れてみてください。



Source
ソース
(コピーしてお使いください) <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- //TID=nullだとNN4.03からうまく動かなくなったので....^^;; TID=setTimeout('',1); //イメージの事前読み込み if(navigator.appVersion.charAt(0)>=3) { movimg=new Array() movimg[0] = new Image();movimg[0].src='CHOZU0.GIF'; movimg[1] = new Image();movimg[1].src='CHOZU1.GIF'; movimg[2] = new Image();movimg[2].src='CHOZU2.GIF'; }; //アニメーション function MOV(imgNo) { if(navigator.appVersion.charAt(0)>=3){ setTimeout('document.images['+imgNo+'].src=movimg[0].src',200); document.images[imgNo].src=movimg[1].src; clearTimeout(TID); TID=setTimeout('MOV('+imgNo+')',400); }; }; //アニメーションの中止 function STP(imgNo) { if(navigator.appVersion.charAt(0)>=3){ document.images[imgNo].src=movimg[2].src; clearTimeout(TID); }; }; <!----> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()"
onMouseOver="MOV(0)" onMouseOut="STP(0)"
>
<IMG SRC="CHOZU2.GIF" BORDER="0"><P></A>
写真に触れてみてください。
</BODY> </HTML>
K01の説明も参照してください。

TID=setTimeout('命令',400)で400/1000秒後に命令を実行します。

clearTimeout(TID)はTID=setTimeout('命令',400)で実行されているタイマーをキャンセル(命令の実行を中止)します。

onMouseOver="命令文"でマウスがさわったら"命令文"を実行するという意味です

onMouseOut="命令文"でマウスが離れたら"命令文"を実行するという意味です

A HREF="javascript:命令文"でもクリックしたら"命令文"を実行するという意味ですが
ここではfunction voi(){}という 中味のない voi()という関数を作って から、続くvoi()で「なにもしない」^^;を実行してます。Netscapeの3.0からは作らなくてもvoid(0)という命令が用意されていますが、2.0などではエラーになるのでこの方法にしました。

使用している画像:
CHOZU0.GIF CHOZU1.GIF
CHOZU2.GIF(止まっている画像)


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi