マウスカーソルに画像が追っかけてくるのを時々見かけます。
自分のページでも試してみましたがうまくいきません。
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によって、...
-
親ウィンドウの別フレームを子...
-
インラインフレームをドラッグ...
-
スマホ上で、左右スワイプで次...
-
エラー:書き込みができません ...
-
<a href="#" …>の意味を教えて...
-
<div>のタッチ状態を維持したま...
-
Dreamweaver で 外部JSを読み込...
-
window.openで同画面遷移しない
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
プルダウンメニューを別ファイ...
-
ウインドウの後ろに隠れている...
-
確認ダイアログで「キャンセル...
-
location.reload() について
-
window.openで404エラーがでます
-
新しいウィンドゥを最大化で立...
-
プラグイン無しでContactform7...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
インラインフレームをドラッグ...
-
HTMLでサブフレームから親のス...
-
フレームを跨ぐドロップダウン...
-
jqueryを利用してインラインフ...
-
別ページのインラインフレーム...
-
親ウィンドウの別フレームを子...
-
openerは使えないのでしょうか?
-
フレーム内のiframeのデータの...
-
フレームで隠れるポップ
-
ブラウザのURLアドレス文字表記...
-
フレーム分割領域のサイズを変...
-
エラー:書き込みができません ...
-
フレームのあるHPでプルダウン...
-
HTMLフォームボタンによるター...
-
別フレームのページが読み込み...
-
Javaでテトリスを作っています。
-
複数のページ(html)のvalueを...
-
URLを引数とし、フレーム間で渡...
おすすめ情報