キジをマウスで鳴かせます!



マウスを移動させると動き、クリックすると鳴きます。



ソース
<html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <title></title> <script type="text/javascript"> <!-- //写真ファイル tori=new Array('kiji_00.jpg','kiji_01.jpg','kiji_02.jpg'); //通常の動き tori2=new Array('kiji_03.jpg','kiji_04.jpg','kiji_05.jpg','kiji_06.jpg');//鳴く動き tori2_mov=new Array(); for(i=0;i<tori2.length;i++){ tori2_mov[i]=new Image();tori2_mov[i].src=tori2[i]; } //通常の動画 function mv(){ //乱数で写真を選ぶ rr=Math.floor(Math.random()*110) //マウスの20%を反応させる if(rr<=22){ //3枚目は出現率を20%とした r=Math.floor(rr/10); document.syasin.src=tori[r]; } } //鳴き声 function wav(){ document.getElementById("kiji_wav").play(); ff=0; wav_at(); } //鳴く動画 function wav_at(){ ff++; if(ff>17){ff=0;clearTimeout(at_tim); document.syasin.src=tori[2]; return; } r=ff%4; document.syasin.src=tori2_mov[r].src; at_tim=setTimeout("wav_at()",100); } //イベントセット window.document.onclick=wav; window.document.onmousemove=mv; //--> </script> </head> <body> <center> <h2>マウスで鳥りを鳴かせる!</h2> <table border=9><tr><td><table border=3><tr><td> <img src="kiji_02.jpg" name="syasin" galleryimg="no" border=0> </td></tr></table></td></tr></table> <br><br>マウスを移動させると動き、クリックすると鳴きます。<br> <audio id="kiji_wav" src="http://qpon-home.com/tori/kiji/kiji.mp3" autosplay></audio> </center> </body> </html>

写真

kiji_wav.htm
<html> <head><title>キジの声</title></head> <body> <audio src="kiji.mp3" autoplay></audio> </body> </html>

キジの鳴声( kiji.wav )
  • ソースは自由にお使いください。
  • 写真や鳴声は見本を参考に各自でご準備ください。
  • 写真や鳴声を流用した場合は、メールで使用ページを教えてください。
  • その場合はJavaScript「QPON作品集・No87」から転用を表記し
    還暦QPON( http://www2a.biglobe.ne.jp/~qpon/ )にリンクしておいてください。

ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON

ツ声を流用した場合は、メールで使用ページを教えてください。
  • その場合はJavaScript「QPON作品集・No87」から転用を表記し
    還暦QPON( http://www2a.biglobe.ne.jp/~qpon/ )にリンクしておいてください。

    ソースをお使いの場合は出来るだけ私のホームページにリンクを貼ってください。
    URL:http://www2a.biglobe.ne.jp/~qpon/    バナー:還暦QPON