マウスカーソルに画像が追っかけてくるのを時々見かけます。
自分のページでも試してみましたがうまくいきません。
1つだけのページでは動作しましたが、フレームを使用しているため、別フレームにいくと切れてしまいます。
この「カーソルを画像が追っかけてくる」をフレームを越えて適用する方法はありませんか?
○使用したプログラム
http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ …
↑ここの「お遊び」→3.2「マウスカーソルを動かすと画像が付いて来ます。」です。
大小5個の☆の画像があり、大の☆マーク→小の☆マークとカーソルに付いて来ることで、流れ星のように見えるというものです。
フレームを設定するだけのファイルに載せてみましたがダメでした。
全フレームにプログラムを載せると表示した時にすべてのフレームに☆が表示されてしまいます。
どなたかご存知の方、参考URLでもかまいませんのでよろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
ここの方が希望に近いんじゃないかな。
ただしIEのみ全フレームに書き込み要。インラインフレームもOK
結構スムーズに動く。
参考URL:http://www.dynamicdrive.com/dynamicindex13/trail …
回答ありがとうございます。
試してみました。こういうのを探していました。
5枚+1枚の画像で「赤い●」を表示していますが、1枚1枚が近い感じがしますので、設定で調整できないか奮闘中です。
また、このほかにもいろいろとカーソルのスクリプトがあって面白そうなので他のものも検討してみます。
ありがとうございました。
No.1
- 回答日時:
フレームまたがりでの適用はまず無理だと思います。
なので、
・全フレームにスクリプトを載せる。
・マウスカーソルがフレーム内に存在していなければ、
☆マークを見えないところ(フレームの外)に移動させてしまう。
・マウスカーソルがフレーム内に入ってきたら、
その座標に☆マークを移動させる。
のスクリプト群を組み合わせてみると
それっぽい動きになると予想されます。
ただ肝心のスクリプトが少々ややこしいものになりそうではありますが。。。
回答、ありがとうございます。
☆の開始位置は隠せるのですが、別フレームに行った場合、半分ほどフレーム内に残ってしまうのです。ただ、設定で調整できるかもしれないのでいろいろと試してみます。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
- iOS iPhone用動画保存アプリiCapのデータは外付けUSBメモリに保存できますか? 1 2022/10/18 17:48
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- マウス・キーボード マウスカーソルの変更について 1 2022/11/05 20:03
- DIY・エクステリア 製罐の部品について 1 2023/02/27 19:03
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- その他(教育・科学・学問) 技術のテストの問題です。やり方を教えてください! 間1.7バイトは何ビットか。 間2.5ビットで表現 4 2023/02/27 00:09
- スポーツサイクル ポスターフレームについて 1 2022/12/24 16:50
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
フレームの指定方法について。
-
ページ遷移をコントロールしたい
-
1回のクリックで複数のフレーム...
-
フレーム同時リンク後のブラウ...
-
フレーム分割について
-
<a href="#" …>の意味を教えて...
-
あなたのXAMPPのdashboard内のj...
-
Dreamweaver で 外部JSを読み込...
-
【SSI】include file、include ...
-
HTML内に記載された画像のURLを...
-
GASを使って、Gmailから自動送...
-
乱数を一定時間毎に表示させた...
-
javascript スライダー
-
外部JavaScriptの設置場所について
-
Javascript でText file の書き...
-
サブフレームがうまく出来ません。
-
プルダウンメニューを別ファイ...
-
cssにjavascriptを入れる?呼び...
-
Spry と facebox の併用はでき...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
Safariで<iframe>のinnerHTMLを...
-
フレーム分割領域のサイズを変...
-
フレームを使用した複数プルダ...
-
ページ遷移をコントロールしたい
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
フレームでの右クリック禁止
-
フレーム内のiframeのデータの...
おすすめ情報