jQuery

ウィンドウの幅に応じて、動作とデザインが切り替わるナビゲーションを作ってみました。ウィンドウ幅が広ければヘッダーに横一列で表示し、スマフォなどの場合はボタンで操作でナビゲーションが開閉します。 html [crayon-…

マウスをhoverさせて表示/非表示を切り替えるメニュー(ドロップダウンメニューなど)はよくありますが、iPadなどタッチデバイスではhoverは動作しません。 なので、タッチデバイス向けにタップすると表示され、もう一度…

繰り返し処理のサンプルコードを作ってみました。 span要素とa要素を含むli要素があったとして、li要素ごとにa要素の中にspan要素を移動させる、というような動作をさせます。繰り返しさせるために.each()を使いま…

以下の様に複数のul要素があるhtmlの構成で、それぞれのulごとに内包するli要素の偶数番目(0から数えて)にclassを付けたかったので、jQueryのevenセレクタを使ってやってみました。 サンプルコード htm…

jQueryプラグイン「Maximage2」を使うと、ブラウザの幅と高さいっぱいに一枚の画像を背景として表示させることができます。 (1)jquery.maximage.jsとjquery.maximage.cssをak…

PHPSPOT開発日誌さんで紹介されていたjQueryプラグイン「STICKYMOJO.JS」を試してみました。 サイドに配置したナビゲーションなどのコンテンツを、ブラウザ上端までスクロールしたら固定配置に切り替えるプラ…