無限スクロールを実装してみる
一定位置までスクロールすると、次のページのコンテンツを自動で読み込む処理を実装してみます。...
jQueryの記事一覧
jQueryで要素を削除する
jQueryで要素を削除する方法をメモ。...
jQuery UI のSliderを使ってみる
inputのtype=rangeのようなUIを実装できるjQuery UIのSliderを使ってみます。...
疑似要素でアニメーションを行う
疑似要素をjQueryでアニメーションさせようとして少し詰まったのでメモしておきます。...
jQueryのイベントで別のイベントを発火する
jQueryのイベントで、別のイベント内容を実行させる方法をメモ。...
スマートフォンで端末の向きが変更されたときのみ処理を行う
JavaScriptのresizeイベントをスマートフォンで使う場合、ブラウザのツールバーやアドレスバーが隠れたときにも...
jquery.bxslider.jsを使ったサンプルいろいろ
jquery.bxslider.jsの設定方法を色々と試してみます。 基本的な使い方は、以前書いた記事「jquery.b...
Facebookページの投稿を取得する
FacebookのGraph APIを使って、Facebookページの投稿を取得してみます。 今回使用しているGraph...
一定時間後にカーソルを非表示にする
一定時間マウス操作がなかったときに、カーソルを非表示にできるかどうかを試してみました。...
JavaScriptでtransitionの指定をする
CSSであらかじめclassを用意するのではなく、JavaScriptでtransitionの値を指定してアニメーション...
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
jQueryのtoggleClass()を使ってみる
要素にclassの追加・削除を行えるtoggleClass()の使い方を調べてみました。...
jQueryで複数のclassをまとめて追加する
jQueryで複数のclassをまとめて追加する方法をメモ。...
areaタグの位置をoffset()でうまく取得できない
areaタグの位置をjQueryのoffset()で取得しようとしたところ、IEでは取得できたのですが、Firefoxと...
jQueryで複数指定のあるclassを取得する方法
1つの要素に対してclassが複数指定されているときに、classを全て取得する方法がすぐに思いつかなかったので、調べた...
overflow-scrollingを指定するとscrollイベントが発生しない
overflow: scroll;を指定した要素に対してoverflow-scrolling: touch;を指定すると...
イメージマップにJavaScriptでイベントを追加する
イメージマップのareaタグにJavaScriptでイベントを追加できるかどうかを試してみました。...
カーソルの位置を取得する
JavaScriptでカーソルの位置を取得する方法をメモ。...
SVGのリンクでJavaScriptを実行する
SVG内のリンクをクリックしたときに、外部ファイルのJavaScriptでSVG内の操作ができるかどうかを試してみました...
JavaScriptのイベント対象が入れ子の場合の実装
aタグとその子孫要素に対して同時にクリックイベントを設定することがあったのですが、実装する際に少し手間取ったので実装方法...