楽しすぎるjavascript
no image

ども。
今日は久々にコーディングのお話。
というのも今日の作業がほっとんどコーディングやったから(笑)
わかりやすいですねー♪
で、ロールオーバー。
マウスを重ねたら画像が変わる!ってやつですね。
今回はどの組み方でいくかなぁと。
私はあんまり固定の組み方をしないので
毎度毎度実験です♪
楽しい・・・ (* ̄ー ̄*)ニヤリッ
マッドサイエンティスト並みのワクワク感は
たまりませんが、とりあえず今回はjava scriptで!
jsファイルを外部に持たせて、ロールオーバーとしました。
CSSで組むのとか
HTMLの中に直接書き込んじゃうのとかではなく
外部ファイルにってのが
あんまりやったことなかったから((*'-'*)エヘヘ )
チャレンジです。
逃げちゃだめだ逃げちゃだめだ逃げちゃだめだ。
結論
組むのが早いのは
dreamweaverとかのjavascriptもってくるのとか
CSSとかのが早いかもしれへんけども
更新作業・修正作業に入った時には間違いなくこっちのが
効率的!!
今更何言うとるねん ヽ( ´ー)ノ フッ
みたいな反応はせんといてくださいねーー・・・
画像名をそれぞれ、xxx_off.jpg と xxx_a.jpg
のように後ろのところに固定した名前を付けて
ロールオーバーさせる方法にしました。
他にもいろいろあったんで
「ロールオーバー javascript」で検索したら
素敵すぎる方法を紹介してる天才さんたちが
山ほどいてはります。
是非!
見てみてくださいね♪

お気軽にお問い合わせください!

デザインカウンセリングや、ホームページのご相談

SNS活用方法など気になることはお問い合わせください。

関西圏以外もZOOMで対応できるので海外からでもOK!

Ryo Kakumoto@Tocoton
Tocotonのモットーは大阪商人
sdg poster ja

copyright© Tocoton®,LLC all rights reserved.