以下のサイトのマウスストーカーですが、
http://oekakirenn.webcrow.jp/mouse/mouse_moji1.h …
これを星や花などの画像で行うことは可能でしょうか?
☆などの文字でも構いません。
No.2ベストアンサー
- 回答日時:
こんにちは
ご提示のサイトのマウスストーカーの単位要素となっているものは、5×1ピクセルの縦長DIVと1×5の横長DIVを組み合わせて「+」状に表示したものを更にDIV要素で包含したものでできています。
位置の制御などは、包含しているDIV要素を制御することで行っているようです。
ですので、包含DIVの中に画像を入れたり、文字を入れたりするように変えるだけで、ほぼそのままでご質問の内容を実現することが可能と思われます。
一方で、マウスストーカーを実現する方法はご提示のものが唯一というわけではありませんので、他にもいろいろな実現方法は考えられることでしょう。
fujillin様
ご回答ありがとうございました。
不勉強で恥ずかしいのですが、提示サイトのソースのどの辺りを
編集すれば(例えばimg.jpg) 似た挙動が得られますでしょうか?
"5×1ピクセルの縦長DIVと1×5の横長DIVを組み合わせて「+」状に表示したものを更にDIV要素で包含したものでできています。"
"ですので、包含DIVの中に画像を入れたり、文字を入れたりするように変えるだけで、ほぼそのままでご質問の内容を実現することが可能と思われます。"
このあたりぼんやりとしか理解できませんでした。
お手数をお掛けいたしますが、具体的なソースをご教授お願い致します。
No.3
- 回答日時:
ANo2です。
>お手数をお掛けいたしますが、具体的なソースをご教授お願い致します。
ANo1様がすでに提示なさっていますが、ご質問のサイトに紹介されているマウスストーカーの中にも画像利用のタイプのものがいろいろあります。
>参考に致します。
とのことなので、すでにご覧になっていることと思いますが、見た目に似た雰囲気のものの例
http://oekakirenn.webcrow.jp/mouse/mouse_e8.html
スクリプトの作り方が、ご質問文でリンクしているものとはかなり違うようですが、どうやら、別の方が作成されたものを単に紹介しているということのようですね。
検索してみると、他にもいろいろ見つかります。例えば、
http://hakobe932.hatenablog.com/entry/2015/03/09 …
こちらは、★の文字(テキスト)のようにも見えますが、使用しているのは画像のようです。また、ごく簡単な作成上の解説もなされています。
ご自身でも検索なさってみれば、他にも数多く見つかるものと思います。
スクリプトがわからない場合は、画像ベースのものでお気に召すものを探して、画像だけを入れ替えて利用するという方法が簡単だと思います。
解説を読めば理解できるようであれば、自分好みのものを自由に作成することも可能でしょう。
http://www.bing.com/search?q=%e3%83%9e%e3%82%a6% …
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Mac OS MacOS Mojave でHoi4はスムーズに動きますか? 1 2022/07/18 22:19
- マウス・キーボード Mouse without Bordersについて 2 2023/07/31 12:40
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- ノートパソコン パソコンが 10 2022/07/02 19:19
- BTOパソコン パソコン詳しい人に聞きたい 8 2023/03/20 07:32
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- 画像編集・動画編集・音楽編集 PowerDVD for Mouse computer を起動していると、時々モニターが真っ暗になる 1 2022/12/09 00:04
- マウス・キーボード ERGO M575 Wireless Trackball Mouseのカスタマイズについて 1 2023/08/10 17:29
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLです。画像をHTMLで表した...
-
jqueryスライダーを2段でスライ...
-
HTMLでこの画像を表示したいで...
-
【EXCEL VBA】ダブルクリックで...
-
bmp形式の画像を色の深さを24ビ...
-
画像処理したBitmapをピクチャ...
-
ローカルで動くページがサーバ...
-
「using Windows」でエラーが出る
-
C# Picturebox 縮小・拡大時の...
-
uwsc画像認識のあいまい判定に...
-
EXCEL VBA 複数のImageコントロ...
-
画像のランダム表示
-
VC++6.0でGDI+利用してメモリリ...
-
vb.net 画像の透過について
-
背景画像の繰り返しについて
-
モーダルウィンドウ内で複数の...
-
スマホでサイトの画像を長押し→...
-
gif 画像上の ボタンに リン...
-
マスク画像の自動作成
-
uwscの画像認識に失敗します。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
背景画像の繰り返しについて
-
EXCEL VBA 複数のImageコントロ...
-
「using Windows」でエラーが出る
-
jqueryスライダーを2段でスライ...
-
画像のピクセルデータの取得
-
ImageMagickでgif画像の一部が...
-
Excel ユーザーフォームで表示...
-
uwcs のマクロで画像認識をして...
-
uwscの画像認識に失敗します。
-
vb.net 画像の透過について
-
VBA シート毎に画像挿入
-
UWSC 画像判定と条件分岐について
-
UWSC「画像が無い場合」
-
gif 画像上の ボタンに リン...
-
Pythonでgif画像が上手く作れない
-
VBAのユーザーフォームのイメー...
-
UWSC 画像認識で条件分岐
-
パネルに画像
-
【WPF】画像の切り替え
おすすめ情報