「あれ?僕この記事書いてなかったのか??」というjqueryネタがあったので更新しようと思います。
タイトルにもあるように「画像にマウスが乗った時にフワッと半透明にするjquery」 っスね。
「何言ってんだお前」って感じでしょうが、まぁちょっと下の画像を試して下さい。
意味がわかったと思います。
様はリンクで使ってる画像の透明度をマウスオンでフワッと変えたいという事です。
これをするだけでサイトが少しだけシャレオツになるのでオススメっす。
実装方法は続きを
ファイルの作成
まずhover.jsを作成
これをサーバーにアップ!!
ヘッダーに記入
僕はいつもこのように記載しています。
※必ずjquery本体を読み込んでから、hover.jsを読み込んで下さい!
画像のclassに追記
画像のクラスにhover_imgを追記します。
これで終わりっす。
フワッとなりましたか?
フワッとならない場合はヘッダーに記載しているファイルの順番を入れ替えてみて下さい。
コメント