CSS３アニメーションの終了イベント時にjavaScript(jquery)を実行する - それマグで！
CSS3アニメーション（Transition）で、画面の動きが終了した後，にjQuery を実行する jQuery.bind でアニメーションの終了イベントを登録する bind で登録できちゃうんですよ $("#id_are").bind("webkitTransitionEnd",function(){ $("#id_are").text("アニメ終了") }); addEventListerでやりますが、bind / unbind が addEventLister / removeEventLister の代替だから、コレで動いちゃったりする。 CSS３のアニメーションonEnd 的な終了イベントは webkitTransitionEndです。 アニメーションの連鎖をする $("#id_are").bind("webkitTransitionEnd",function(){ $("#i
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
Ajaxやタブ切替には必須かも？ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン :: 5509
Ajaxやタブ切替には必須かも？ブラウザの「戻る」「進む」を有効にするjQueryのhashchangeプラグイン Ajaxやタブクリックなどのイベントでもブラウザの「戻る」「進む」を有効にすることができるjQueryのhashchange eventというプラグインを紹介します。同じような効果を得られるスクリプトより断然使いやすいのでおすすめです。 使い方はとても簡単で windowにhashchangeイベントをbindするだけです。 $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ハッシュフラグメントが変わったときにHoge()を実行する $(window).hashchange(); // Windowロード時に実行できる Ben Alman » jQuery hashc
『iPhoneとiPadで画面の向きが縦か横を判別する2つの方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ iPhoneやiPadに最適化されたWebサイトを作るときにiPhone/iPadの向きの 取得して見た目を変えたいときに参考になる方法が紹介されていました。 CSSまたはjavascript(jQuery)で実現できるようです。 jQueryでiPhone/iPadの向きを検出する 縦向き、横向きに最適化されたCSSを切り替えるて読み込ませる <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> <link rel="stylesheet"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://eightmedia.github.io/hammer.js/
