jQueryスマホでスクロールできちゃう!横からスライドして出てくるドロワーメニューのサンプル【jQuery】
jQueryとcssで、スマホでスクロールできちゃう横からスライドして出てくるドロワーメニューのサンプルを自作してみました。 ナビゲーションメニュー関連記事 ドロワーメニューの...
jquery
jQuery
cssjQueryとcssでハンバーガーメニューの開閉ボタンをアニメーション付きで変化させる
cssでシュッと動かす動きをつけて、jQueryで開閉させるとハンバーガーメニュー(アコーディオンメニュー)の開閉ボタンをアニメーション付きで変化させる方法 ナビゲーションメニュー関連記事 ...
phpphpで文字列を区切り文字で配列に分割するexplode
phpとjQueryで文字列に含まれる、コンマや改行コードなどを区切り文字として配列にする方法 php関連記事 phpで文字列を区切り文字で配列に分割する php これだけで$op...
jQueryjQuery UIのdraggableで要素をドラッグアンドドロップで移動させてみる
枠代わりの要素をドラッグアンドドロップで移動させて直感的に範囲で画像のトリミングできるようなものを作りたかったので、jQuery UIのdraggableを使ってみた。 デモの解説なので並べ...
jQuery【jQuery】overflow:scrollを適用したスクロールできる要素の高さを取得する方法
overflow: scrollを適用した要素の高さと、親要素の高さをjQueryで取得する。 jQuery関連記事 height()で要素の高さを取得 JavaScript height()...
jQuery画像が読み込めないときにjQueryで違う画像を読みに行く方法
メイクショップで画像パスの仕様変更があり、旧仕様と新仕様が混在してしまって1パターンな方法ではうまくいかないときの対処法 はじめに html デフォルトのimgタグが旧仕様のパスです。 この画像が読み込めない...
csscssで作る、横並びナビゲーションバーのサンプル4種類
cssで横並びのナビゲーション(メニュー)バーの作り方を「display: table-cell」と「display: inline-block」と「float: left」と「display: flex」の4パターンのサンプル...
HTML絶対パス、相対パス、サイトルート相対パスの使い方
Yahoo!ショッピングと楽天のhttps化に伴ってファイルの変更が必要になったのでパスの指定方法を調べてみた。 https化に伴ってすることを確認 サイトの証明書は用意されてるので置いといて、今回の仕様変更でhttps化に必要...
jQueryjQueryのsetTimeoutを使って一定時間経過後にページをリロード・リダイレクトする
jQueryのsetTimeoutを使って一定時間経過後にページをリロード（再読み込み）・別ページへリダイレクトする方法と、setIntervalとの違いや、繰り返しのタイマー処理を止める、clearTimeoutも。 ...
jQueryjQueryとaudioタグでクリックすると音が鳴るiOSのwebアプリを作る
うちの子供(1歳半)の為にhtml5のaudioタグとjQueryで動物の画像をクリック(タップ)すると動物の鳴き声が鳴るiOSのwebアプリ作る。 webアプリ関連記事 仕様 スマホ...