- 締切済み
マウスのポインタをうろうろする画像を追加する
以下のようなマウスのポインタをうろうろする画像をひとつ作ったのですが、画像の数を増やして、さらにそれぞれにちがう動き(random)をさせるにはどうしたらよいのでしょうか？画像増やすだけでもいいです。 <html> <head> <script language="JavaScript"> <!-- i=0; function setIMG() { i-=1; myChar.style.left=event.x+Math.sin(i/10)*50; myChar.style.top=event.y+Math.cos(i/10)*50; } //--> </script> </head> <body bgcolor="#000000" onmousemove="setIMG()"> <img src="no.gif" name="myChar" style="position:absolute"> </body> </html>
- shu1ngsk
- お礼率23% (103/439)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- wolv
- ベストアンサー率37% (376/1001)
例えば，こうとか． <html> <head> <script language="JavaScript"> <!-- i=0; function setIMG() { i-=1; myChar1.style.left=event.x+Math.sin(i/10)*50; myChar1.style.top=event.y+Math.cos(i/10)*50; myChar2.style.left=event.x+Math.sin(-i/20)*30; myChar2.style.top=event.y+Math.cos(-i/20)*50; myChar3.style.left=event.x+Math.sin(-i/30)*50; myChar3.style.top=event.y+Math.cos(i/30)*30; myChar4.style.left=event.x+Math.sin(i/20)*30; myChar4.style.top=event.y+Math.cos(-i/20)*30; } //--> </script> </head> <body bgcolor="#000000" onmousemove="setIMG()"> <img src="no.gif" name="myChar1" style="position:absolute"> <img src="no.gif" name="myChar2" style="position:absolute"> <img src="no.gif" name="myChar3" style="position:absolute"> <img src="no.gif" name="myChar4" style="position:absolute"> </body> </html>
