シンプルに使うことができるフェードイン・フェードアウト ロールオーバー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. 以下のようにヘ
input要素にも使えるjQueryのロールオーバープラグイン - Rewish
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについて HTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能 HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif, etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
5 Cool CSS Hover Effects You Can Copy and Paste
Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy. The Ultimate Designer Toolkit: 2 Million+ Assets Envato Elements gives you unlimited access to 2 million+ pro design resources, themes, templates, photos, graphics a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Suzken.com is for sale | HugeDomains
