「jQuery」カテゴリー一覧

IEも対応!指定した要素を印刷するjQueryプラグイン「printThis」

特定の要素のみを印刷したい。そんな願いを叶える魔法のjQueryプラグインを発見しました。 その名も「printThis」。IEも7、8、9、10、11まで問題なく動き、使い方も簡単です。 printThisの使い方と対応ブラウザ 使い方は他のjQueryプラ…

続きを読む

CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる

スマホサイトやアプリでよく見るUIのドロワーを実装したい。しかしjQueryのメソッドで動かせばスマホでの挙動が重いので、CSS3のアニメーションで実装してみます。ドロワーを実装する方法は他にも色々あると思いますが、そのうちの1つということで。 ドロワーをCS…

続きを読む

jQueryのnot()メソッドで複数の要素を指定しフィルタする方法

jQueryのnot()メソッドで特定の要素をフィルタできるのですが、これの複数指定について。

実は僕、今まで以下のようにnot()メソッドを何回も繋げて複数の要素をフィルタしていました。

続きを読む

jQueryのslideDown、slideUpのアニメーションがおかしくなるバグ

jQueryでプルダウンメニューを実装したときの話です。 プルダウンメニューにjQueryのslideDownとslideUpでプルダウンメニューを作成し、マウスを載せてホバー状態にさせてみると挙動がおかしい。アニメーションが表示されないんですね。 本来なら「…

続きを読む

イケてる!レスポンシブ、タッチフレンドリーのライトボックス系jQueryプラグイン「Image Lightbox」

シンプルでイケてるjQueryを使ったライトボックス系のプラグインをご紹介します。あと、公式ページの説明では動かなかったので自分が実装したときのソースコードを書いておきます。 ちなみに前回記事にしたツールチップのプラグインと同じ作者ですね。センスありまくりです…

続きを読む

レスポンシブWebデザインに対応のツールチップ用jQueryプラグインが良い感じ

パンくずナビゲーションや文字表示の無いアイコンボタンにはツールチップを使ったほうがユーザビリティが上がると思い、実装してみることにしました。 探すと色々出てくる中、レスポンシブに対応したツールチップ用のjQueryプラグインがあったのでご紹介します。導入も結構…

続きを読む