- ベストアンサー
ホームページで矢印に付いて来る何か・・・・？
こんにちわ。 ここで良いのか分かりませんが宜しくお願いします。 手の込んだＨＰに行くと、マウスの矢印を動かすたびに☆が付いてきたり 水の波紋の跡が付いたり、ハートが付いてきたりするのをよく見ます。 ぜひともアレをやってみたい！！ 何かソフトを買わないといけないのですか？？ もし、フリーソフトがあるなら教えてください。 出来れば詳しいやり方もお願いします。
- yohhige
- お礼率83% (15/18)
- フリーウェア・フリーソフト
- 回答数8
- ありがとう数7
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
こちらのストーカーマウスは簡単ですよ。 いっぱいあります。初心者向けで簡単です。
その他の回答 (7)
- wolv
- ベストアンサー率37% (376/1001)
HTMLファイルの名前は別のものに変更できます． 背景の色は，HTMLファイル中の <BODY BGCOLOR="#000000"> の数字の部分を変えることで変えられます． （実は１６進数なので，数字だけではなく，01234567890abcdefが使える．） (赤なら#ff0000，緑なら#00ff00，青なら#0000ff，その他の色はその他の数値） そのページに書きたい文章は， <BR>の羅列を削除して，その部分に書きましょう． イメージファイルの名前は変えないほうが無難です． HTMLファイルとイメージファイル全てを同じディレクトリーにアップロードすると，世界中のどこからでも見られるようになるはずです．
お礼
何度もありがとうございます。 う～～～＾＾； サッパリでごめんなさい。 簡単ＨＰでは使えない感じですね。 ダウンロードもないコピペするだけのもさえエラーでした。 本格的に作る勉強をします。 また、その時はお力をお貸しください。 ご親切にありがとうございました。
補足
できました！！ ありがとうございました！！
- wolv
- ベストアンサー率37% (376/1001)
No1の回答の補足への回答 ダウンロードしたのは oa-no3_2.EXEですね． EXEなのがちょっと怖いですが，ダブルクリックで解凍されます． 解凍先を聞いてくるので， 例えばデスクトップを指定しましょう． デスクトップにディレクトリーが一つ作られ，そのなかに HTMLファイルを画像イメージができます． そのHTMLファイルをクリックするととりあえず動作テストができますが， ここまではできますか？
お礼
ダブルクリックをしたら６つ位のファイルみたいなものが 出てきました。 大小の☆が１つづつ入っているものと、 マウスに星たちが付いて来ている物とがあります。 ここではストーカーされています＾＾； あってますか？？ 何度もありがとうございます。
- wolv
- ベストアンサー率37% (376/1001)
kobyさんのは， layerにしか対応していないようです．つまり， Netscape Navigatorでしか動作しません． たぶん．
私のＨＰ（参考URL)にコピペしたらエラーで自動修正 されました。もう１度、タグを教えます。ページの 最後（</BODY></HTML>の前にコピペすれば表示する？ <script language="JavaScript"> <!-- var x, y; var step = 20; var flag = 0; var message = "いらっしゃいませ !! "; message = message.split(""); var xpos = new Array(); for (i = 0; i <= message.length - 1; i++) { xpos[i] = -50; } var ypos = new Array(); for (i = 0; i <= message.length - 1; i++) { ypos[i]= -50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX; y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY; flag = 1; } function makesnake() { if (flag == 1 && document.all) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("span" + (i) + ".style"); thisspan.posLeft = xpos[i]; thisspan.posTop = ypos[i]; } } else if (flag==1 && document.layers) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("document.span" + i); thisspan.left = xpos[i]; thisspan.top = ypos[i]; } } var timer = setTimeout("makesnake()", 10); } //--> </script> <script language="JavaScript"> <!-- for (i = 0; i <= message.length-1; i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; //--></script>
お礼
何度もありがとうございます。 貼り付けてみましたがエラーがでました。 簡単ホームページでは無理なんでしょうか・・・・。
マウススト‐カ-を無料で貸し出ししているサイトを紹介します ただお借りする際はＢＢＳに書きこみとリンクを希望されておられますので ご注意ください
マウスストーカーと言うもので、以下のタグです。 １．文字の色を変えるのは<STYLE type="text/css">の中にある、 color:FFCC66を変更してください。 ２．文字の大きさは、font-size:10pt の数字を大きくすれば文字も大きくなります。 ここから下です。いらっしゃいませの文字は好きな文字に変更してください。 ↓ <STYLE type="text/css"> <!-- .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; color:FFCC66 } //--> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" onload="makesnake()"> <script language="JavaScript"> <!-- var x, y; var step = 20; var flag = 0; var message = "いらっしゃいませ !! "; message = message.split(""); var xpos = new Array(); for (i = 0; i <= message.length - 1; i++) { xpos[i] = -50; } var ypos = new Array(); for (i = 0; i <= message.length - 1; i++) { ypos[i]= -50; } function handlerMM(e) { x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX; y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY; flag = 1; } function makesnake() { if (flag == 1 && document.all) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("span" + (i) + ".style"); thisspan.posLeft = xpos[i]; thisspan.posTop = ypos[i]; } } else if (flag==1 && document.layers) { for (i = message.length - 1; i >= 1; i--) { xpos[i] = xpos[i - 1] + step; ypos[i] = ypos[i - 1]; } xpos[0] = x + step; ypos[0] = y; for (i = 0; i < message.length - 1; i++) { var thisspan = eval("document.span" + i); thisspan.left = xpos[i]; thisspan.top = ypos[i]; } } var timer = setTimeout("makesnake()", 10); } //--> </script> <script language="JavaScript"> <!-- for (i = 0; i <= message.length-1; i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; //--> </script></BODY> </HTML>
お礼
お返事ありがとうございます。 マウスストーカーって言うんですかぁ～。勉強になります。 スゴイ量ですね、ビックリしました＾＾： さっそくこのままコピペしてみました！！ ・・・・がダメでした。 簡単ホームページでは使えないって事でしょうか？？ それともペーストする場所が間違ってるのでしょうか？？
- wolv
- ベストアンサー率37% (376/1001)
ほとんどはJavaScriptを使って実現されています． 教えて！ｇｏｏの質問検索で「JavaScript マウスカーソル」を検索すると， マウスカーソルを複数の小さな画像が追いかけるスクリプト http://oshiete1.goo.ne.jp/kotaeru.php3?q=115564 アニメーション素材について http://oshiete1.goo.ne.jp/kotaeru.php3?q=208748 少し凝ったHPつくりをしたいのですが・・。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=32895 文字がマウスカーソルを追従するスクリプト http://oshiete1.goo.ne.jp/kotaeru.php3?q=29551 などがひっかかります．
お礼
さっそくのお返事ありがとうございます。 http://www2s.biglobe.ne.jp/~club_tom/ に行って来ました！ それで、ダウンロードしてきたのですが・・・・。（☆が複数付いて来るもの） その後がわかりません。 アップロードではエラーがでました。 それと、変更出来るようになっているって書いてるんですが ☆を他のものに変える方法もわかりません。 ホント初心者で申し訳ないです。お願いします。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_3_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
ありがとうございます。 ここはコピペするだけってことですよね。 本当に簡単でイケル！！って思ったんですが・・・・。 ダメみたいです。 gooの簡単ＨＰには適用出来ないんですかね？ ちゃんとしたＨＰを作れば使えるって事みたいですかね？ あ～憧れのストーカー・・・・・。 いつか使いたいのでお気に入りに入れときます。 ありがとうございました。
補足
できた！！できた！！ ホントにホントにありがとうーーーっ！！ もう１回だけ！！と思ってやってみたらぁぁぁぁ～～！！ ストーカーされました！！ 本当に初心者向けの簡単な所をありがとうございました！！