福島・埼玉のWEBサイト制作・ホームページ制作会社 キャスパーウゥブデザイン
MENU

Kyasper Note

この記事はNOTE(メモ)として作成された単一記事です。
2013年10月19日

jQuery リンク画像 フェード付きロールオーバー

フェードイン・フェードアウトしながらロールオーバーをしてくれます
ファイル名:smoothRollOver.js
HTML
用意する画像
「example_off.png」「example_off.png」の2枚
注意
画像サイズ等が直接ソースコードに書き込まれるので、レスポンシブ対応にするには少し工夫が必要
js
参照
[jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ
カテゴリー:
タグ: