WordPress 画像にマウスが乗った時にフワッと半透明にするjquery

jquery

blue-j更新さぼっていました。

「あれ?僕この記事書いてなかったのか??」というjqueryネタがあったので更新しようと思います。

タイトルにもあるように「画像にマウスが乗った時にフワッと半透明にするjquery」 っスね。

「何言ってんだお前」って感じでしょうが、まぁちょっと下の画像を試して下さい。

 

sample_mouse

意味がわかったと思います。

様はリンクで使ってる画像の透明度をマウスオンでフワッと変えたいという事です。

これをするだけでサイトが少しだけシャレオツになるのでオススメっす。

実装方法は続きを 

ファイルの作成

まずhover.jsを作成

 これをサーバーにアップ!!

ヘッダーに記入

hover_img01

 僕はいつもこのように記載しています。
※必ずjquery本体を読み込んでから、hover.jsを読み込んで下さい!

画像のclassに追記

画像のクラスにhover_imgを追記します。

これで終わりっす。

フワッとなりましたか?

フワッとならない場合はヘッダーに記載しているファイルの順番を入れ替えてみて下さい。

参考にしたサイト

ホバー時にふわっと透明度を変えるjQueryのコード

コメント

タイトルとURLをコピーしました