CSSのみで実装するキャプションエフェクト 20 | NxWorld

2014/05/20 640 users キャプション 備忘録 アイキャッチ NxWorld 文言

自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。画像のマウスオーバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML 一部異なっているものもありますが、今回はサンプル... 続きを読む

アイコンがふわっと拡大するjQuery | CREAMU

2010/02/24 368 users jQuery CREAMU マウス デモ アイコン

マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQ... 続きを読む

JQueryで簡単に作るドロップダウンメニューいろいろ | DesignWalker

2009/02/26 441 users jQuery DesignWalker シンプ エフェクト

今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。 ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。 初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれませんね。 Simple jQuery Dropdowns デモ | ダウンロード シンプ... 続きを読む