ポインタを当てると光るアイコン

質問

アニメなどの公式ホームページでよく見るのですが、
アイコンの上にマウスポインターを重ねると、
アイコンの文字が光ったり、（例：[Character]とか書かれた部分が光る）
アイコン自体が動いたり、（例：星や花の形のアイコンがくるくる回るor大きくなる）
しますよね。

あのようなアイコンのフリー素材ってどこにあるでしょうか？
（一応少し自分で探してみたのですが見つかりませんでした。）
ご存知の方、URLを教えていただけますでしょうか？

よろしくお願いします。

回答No.1

DJ-Potato · ベストアンサー

ポインタを当てると動きがみられるのは、フラッシュで何とかしてるか、JavaScriptで何とかしてるか、といった感じじゃないですかね。

ポインタを当てずに、勝手に動いたり光ったりするアイコンは、Gif形式で作成すればありふれていると思います。
あとは、JavaScriptでマウスオンで動く画像に変更、マウスオフで動かない画像に変更、と命令すれば、そのようになると思います。

お礼

ご回答感謝します！
JavaScriptが何なのかすら知らない私が、いきなりこのような高度な技術を使おうとしたのが間違いでした。
地道に勉強して、素敵なＨＰが作れるよう頑張ります！

回答No.2

chie65536（@chie65535）

＞あのようなアイコンのフリー素材ってどこにあるでしょうか？

マウスオーバーのアクションは、素材で実現している訳じゃないので、素材だけあっても実現できませんよ。

「マウスが重ねられたら、こういう仕掛けによって、こういうプログラムが動いて、それによって、表示される素材が変わる」と言う方法で実現しているのです。

なので「どういう仕掛けが必要なのか」「その仕掛けで動くプログラムはどう書くのか」「書いたプログラムをどうやってページに埋め込むのか」「プログラムで素材を切り替えるにはどうするのか」と言う知識が必要です。

豚肉と調味料を用意したって、レシピを知らないと、東坡肉は作れませんよね？それと同じで「レシピ」が要るのです。

＞（一応少し自分で探してみたのですが見つかりませんでした。）

東坡肉を作るのに必要なのは「レシピ」なのに、お肉屋さんや調味料屋さんやスーパーに行ったって、レシピは見付かりませんよ。行くなら「本屋の中華料理の本のコーナー」です。

お礼

ご回答感謝します！
どうやら私はHP作りに関して何もわかっていなかったようです。
無知の知が得られて、よかったです。
これから勉強します！