シンプルに使うことができるフェードイン・フェードアウト ロールオーバーJavascript « ActionscriptとかFlashとか| futurefish
以前からロールオーバの演出を行う際は、下記のsmartRollover.jsを使用させていただいておりました。 http://css-happylife.com/archives/2007/0621_0010.php しかし、Flashのような演出をしてくれなどと言われることも多くなったので、jQueryを使ったて簡単にフェードイン・フェードアウトできる スクリプトを作りました。これでちょっとだけサイトをリッチにできるはず。 作成する際、以下の記事を参考にさせていただきました。 http://css-happylife.com/archives/2007/0621_0010.php http://suzken.com/2010/10/jquery-fade-rollover.html ■使い方 1. jQueryをダウンロード 2. ロールオーバ用のJSをダウンロード 3. 以下のようにヘ
プラグインを使わずに、かんたん実装できるjQueryマウスオーバーアニメーションのまとめ | ニトなび
ここのところ少しブログをリニューアルしたのですが、過去に導入してほとんど活躍していないjQueryマウスオーバーアニメーションを外しました。しかし、なんかせっかく実装したものを外しただけでは無意味なので、今後再導入するときの為に、スクリプトを書きとめておく事にしました。 マウスオーバーアニメーションの種類 オンマウスで画像を切り替えるアニメーション フェイドさせながらテキスト色を変化させるアニメーション フェイドさせながら背景色を変化させるアニメーション テキスト（画像）を横にピコッとずらすアニメーション 画像をボワ～と大きく変化させるアニメーション 画像を右から左へスライドさせ入れ替えるアニメーション 画像をクルッと縦に回転させるアニメーション ※jQuery導入方法の基本は過去にこちらの記事に書きましたのでご参考下さい。 オンマウスで画像を切り替えるアニメーション DEMO ⇓ 1.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
