アイコンの作り方

質問

お世話になります。
致違いかもしれないのですが、お答えいただけると幸いです。

会社のホームページをリニューアルするのですが、
今のホームページではアイコン（リンクが張ってある）の上にマウスを持っていくと文字の色が変わり、
クリックするとそのリンク先へ行くようになっています。

前任者がフォトショップで作成したようなのですが、色を変わるようにする作り方がわかりません。

言葉足らずかもしれませんが、上記のような図の作成の仕方を教えていただけますか。
よろしくお願いします。

回答No.2

ToOrisugaru · ベストアンサー

はじめまして、通りすがると申します。
大雑把では、ありますがイメージ的に、色が変わる前の画像と色が変わってるときの画像を
二つ作ります。

あとは、JS(java　Script）でマウスイベントの（カーソルがボタンの上に来たらってって
イベント）で二つの画像を切り替える仕組みになります。

なお、作成する画像の大きさ、文字の位置は寸分とも同じサイズおよび位置で作成してください。

この機能を作成することにより、色が変わるように見えます。

お礼

ありがとうございます。
お礼が遅くなり失礼しました。

参考にさせていただきます。

回答No.1

hisajiro

お知りになりたいのは画像の作成方法ですか？
それともタグの書き方でしょうか？

タグの書き方と解釈しますと、

簡単な方法は
<img src="画像１" onmouseover="this.src='画像２';" onmouseout="this.src='画像１';">
src=の画像１とonmouseout=の画像はマウスが乗っていない場合です。
画像２はマウスが当たった場合になります。

お礼

ありがとうございます。
お礼が遅くなり失礼しました。

参考にさせていただきます。