アプリ版:「スタンプのみでお礼する」機能のリリースについて

以下のようなマウスのポインタをうろうろする画像をひとつ作ったのですが、画像の数を増やして、さらにそれぞれにちがう動き(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>

A 回答 (1件)

例えば,こうとか.



<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>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!