Tag : RollOver

READ MORE

以前、jQueryを使って簡単に3Dっぽい動作を表現することができないか、実験した時のほとんど遊びで作ったサンプルを紹介してみます。マウスオーバーで立方体が回転しているように見せる方法。上下左右にボタンを用意してマウスオーバーすることで画像の表示/非表示や、配置位置の指定、幅(width)を切り替えます。サンプル1上下…

READ MORE

先日紹介した「jQueryでボタンなどのロールオーバー時、背景画像にエフェクトを掛ける方法」のマウスオーバー時の背景画像切り替えパターンを別バージョンでいくつか作ってみたので加えて紹介してみます。HTMLソースとCSSなどについては全く変更なしですが念のため、記載しておくと◆HTML<a href="#">…

READ MORE

jQueryでボタンなどに対してのロールオーバーエフェクトをつけるプラグインは多々ありますが、プラグインのような大きなものでを使用するのではなく、もっと簡単・シンプルな方法でロールオーバーエフェクトをつけることが出来ないか実験してみました。サンプルはテキストリンクボタンに背景画像を敷いて、ロールオーバー時にアニメーショ…

READ MORE

ボタンや写真画像などにCSSでボーダーを引いて、ロールオーバー等でのアニメーションエフェクトを簡単に付けることができる「Inset Border Effect jQuery Plugin」がちょっとおもしろい。≫Inset Border Effectデモ画面では写真画像にさまざまな線種のボーダーを引いて、マウスオーバー…

READ MORE

サイト制作をする上で、ほぼ100%使用すると言ってもいい程当たり前になっているボタンなどのロールオーバー。実装する際にはCSS背景画像を利用するものやJavaScriptでマウスオーバー処理をつけるなどさまざま。そんなマウスオーバー処理をjQueryを使って、・比較的少ないソース・CSSを使わない形式での実装サンプルの…

READ MORE

先日のエントリー「jQueryスライド用スクリプトもろもろ。」についてスライドするだけではつまらないとのコメントをいただいたので、エフェクト的な効果を追加してみました。画像をスライドさせるのに加えて、animateに対してopacityを追記してフェード効果を付けることや、スライドではなく画像が折り畳む(潰れる?)効果…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner