- 締切済み
マウスカーソルを複数の小さな画像が追いかけるスクリプト
ときどきあるWebSiteにアクセスしたらマウスの後ろに小さな４，５つぐらいの画像がマウスを追いかけてきます。マウスを早く動かしてもその画像が加速して追いかけてきます。 これを実現するにはどういうScriptを使ったらよいのでしょうか？Javascriptの知識は少しあります。教えてください
- answers
- お礼率10% (18/177)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
みんなの回答
わたしもマウスを追いかけてくるJAVAが知りたくて、でもOKWEBで過去の回答に載っていた英語のサイトに行っても英語がわけわかんないしー…とあきらめていたんですが、日本語のサイトに、わかりやすーいJAVA素材のページを見つけたので、お教えしますね。 わたしはJAVA初心者なものでほとんどそのまま使わせてもらっていますが、answersさんのようにJAVAの知識がある方でしたら、人が作ったScriptを見れば内容を理解できるのではないでしょ～か？ このURLの管理人の方は、リクエストのあるJAVAを作ってもくれるみたいですヨ。 ちなみにわたしはYAHOOで「マウス 追いかける JAVA」と３語入れて検索し、この参考URLのページにたどり着きましたよん。
- danmarino
- ベストアンサー率63% (26/41)
http://www.wsabstract.com/script/cutindex18.shtml に３つスクリプトが掲載されています。サンプルをご覧になれますのでご希望のものをコピーしてお使いになってはいかがでしょうか。
関連するQ&A
- マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示する
マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示するようにしたいのですが、どのようなHTMLタグやjavascriptを使えばいいですか？
- ベストアンサー
- JavaScript
- マウス追従スクリプトについて
マウスポインタを追いかけるスクリプトを使ったのですが・・・ 画像は表示されきちんとマウスを追いかける星も出ました。（スクリプト自体は借り物なので何もいじっていません。画像を変えたくらいです。） でもその他に貼り付けている画像の所にくるとその下にいっているのか 隠れて出てきません。 どうやったら解決するのでしょうか？
- ベストアンサー
- JavaScript
- 画像をランダムに表示させマウスを重ねるとさらに切り替わる方法
今ＨＰを作成しているんですが、題名の方法が知りたいです。 JavaScriptを使って画像をランダムに表示させる方法ありますよね。 <script language="javascript"> <!-- //ランダムに画像を表示 img = new Array(); img[0] = "画像1"; img[1] = "画像2"; img[2] = "画像3"; n = Math.floor(Math.random()*img.length); document.write("<img src='"+img[n]+"' border='0'>"); //--> </SCRIPT> それとマウスを重ねると画像が変わる onmouseover="this.src='画像4'" onmouseout="this.src='画像5'" というタグありますよね。 2つのタグを組み合わせてランダムに表示された画像に マウスを重ねると画像がかわるということがやりたいのですが JavaScriptの知識があまりないためわかりません。 この方法は可能でしょうか？ もしくは他の方法あるでしょうか？ ランダムに表示される画像は３枚と仮定し、 それぞれ３枚の画像はマウスを重ねるごとに 違う画像を表示させたいと思っています。 解決法をわかるかたがいらっしゃったら よろしくお願い致します。
- ベストアンサー
- HTML
- マウスカーソルを当てたら画像が変更するようにしたい
マウスカーソルを当てたら 画像が変更するようにしたいのですが <SCRIPT TYPE="text/JavaScript"> <!--function chgImg(a,b){ a.src = b } // --> </SCRIPT> </head> <body> <A HREF="index.html" onMouseOver="chgImg(document.img1,'http://img.www.goo.ne.jp/img/green/gh_logogreen.gif')" onMouseOut="chgImg(document.img1,'http://k.yimg.jp/images/top/ocn/logo.png')"> <IMG SRC="http://k.yimg.jp/images/top/ocn/logo.png" NAME="img1"> </body> このコードだとマウスを当てても何も変化はありません。 http://www.geocities.co.jp/SiliconValley-Bay/8778/tec/t_rlov.html を参考にしました。
- ベストアンサー
- JavaScript
- 画像にマウスを重ねると大きな画像を表示したい
illustratorでスライスを作製し、画像を生成しました。 1000×1076のサイズで32個の画像で構成されるスライスになっています。 そのスライスの一部の画像にマウスオーバーするとスライス全体の 1000×1076と同じサイズの背景透明画像を上に表示したいのです。 よくあるボタンのマウスオーバーなどでやると元画像のまわりに画像がある想定ではないためか、マウスオーバーするとスライスが崩れてしまいます。 本来Flashなどでやるようなことと思いますが、 iPadでも見たいためCSSやJavascriptで実現したいと思います。 よろしくお願い致します。
- 締切済み
- CSS
- マウスの移動方向によってマウスカーソルの画像を切り替えたい
今、マウスカーソルを（右向きの）車の画像にしています。 マウスを右方向に動かしたら、右方向の車の画像にし、逆に左方向に動かしたら左方向の車の画像に切り替える、という処理は可能でしょうか？可能である場合、どのようなスクリプトを書けばよいのでしょうか？ マウスのx座標の値の増減で判断する、ということは想像できるのですが、書き方が分かりません。 右向きの車の画像のムービークリップ「car」のインスタンスには、下のスクリプトを記述しています。 onClipEvent (load) { Mouse.hide(); } onClipEvent (mouseMove) { this._x = _root._xmouse; this._y = _root._ymouse; updateAfterEvent(); } バージョンはMXです。 どうかよろしくお願いいたします。
- ベストアンサー
- Flash
- マウスカーソルに画像が追っかけてくる
マウスカーソルに画像が追っかけてくるのを時々見かけます。 自分のページでも試してみましたがうまくいきません。 1つだけのページでは動作しましたが、フレームを使用しているため、別フレームにいくと切れてしまいます。 この「カーソルを画像が追っかけてくる」をフレームを越えて適用する方法はありませんか？ ○使用したプログラム http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm ↑ここの「お遊び」→3.2「マウスカーソルを動かすと画像が付いて来ます。」です。 大小5個の☆の画像があり、大の☆マーク→小の☆マークとカーソルに付いて来ることで、流れ星のように見えるというものです。 フレームを設定するだけのファイルに載せてみましたがダメでした。 全フレームにプログラムを載せると表示した時にすべてのフレームに☆が表示されてしまいます。 どなたかご存知の方、参考URLでもかまいませんのでよろしくお願いします。
- 締切済み
- JavaScript
- マウスカーソルについて
時々、ホームページのマウスカーソルが、矢印ではなく画像になってるホームページを見かけます。 どの様な設定になっているのでしょう？ 自分もやってみたいのですが、やり方がわかりません。 どなたか知っている人いますか？
- ベストアンサー
- その他（インターネット・Webサービス）
- ロールオーバーを使わずにカーソルをあわせると下に少しずれる画像
サイトでよく見かける、リンク付きの画像へマウスポインタをあわせるとその画像が下に少しずれる様な効果の得られるタグを教えて下さい。 ロールオーバーを使えば、今の知識でも作ることはできるのですが、JavaScriptを無効設定している人に対しても、有効なタグを教えてください、お願いします。 HTML初心者です。もしかしてCSSの知識が必要ですか？何の知識が必要かもよく分かりません。
- ベストアンサー
- HTML
- 小さい画像にマウスを当てると、大きい画像がでる
HomePage表示です 小さい画像は数個並んでいて そこにマウスを当てると、大きい画像がでる 大きい画像がでる位置は決まっていて、一つです こんな仕組みを作りたいのですが、 PHPでは実現できないでしょうか？
- ベストアンサー
- PHP
お礼
さっそくお返事いただいてありがとうございました。 明日までにホームページを完成させたかったのでほんとに助かりました。こんなに返事が早くもらえるとはおもっていませんでした。ありがとございました