マウスカーソルに画像が追っかけてくるのを時々見かけます。
自分のページでも試してみましたがうまくいきません。
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ランキング
-
フレームで隠れるポップ
-
ブラウザのURLアドレス文字表記...
-
他のフレームのスクリプトを実...
-
フレームにすると
-
javascriptでwavファイルを開く
-
スマホ上で、左右スワイプで次...
-
フレーム名がすでに開かれてい...
-
読み込み中の表示
-
親ウィンドウの別フレームを子...
-
別フレームの末尾に文章を追記...
-
異なるフレームから異なるフレ...
-
1クリックで2つの画面を・・・。
-
フレームでの右クリック禁止
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
入力したテキストボックスのデ...
-
外部ファイル名を変数で指定で...
-
getElementsByNameで要素が取得...
-
jqeryのslicksliderのパスにつ...
-
GalleryView 3.0の設置方法につ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLでサブフレームから親のス...
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
フレームを跨ぐドロップダウン...
-
インラインフレームで表示され...
-
別ページのインラインフレーム...
-
子フレームの自動リロードは可...
-
外部から読み込まれたJava...
-
openerは使えないのでしょうか?
-
Safariで<iframe>のinnerHTMLを...
-
他のフレームのスクリプトを実...
-
親フレームからkeydownイベント...
-
フレーム分割領域のサイズを変...
-
ページ遷移をコントロールしたい
-
フレームを使用した複数プルダ...
-
エラー:書き込みができません ...
-
親ウィンドウの別フレームを子...
-
jqueryを利用してインラインフ...
-
上と左にフレームわけされてい...
-
フレーム分割について
おすすめ情報