css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする
Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。 といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合 まずはcssのみでやってみます。 隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
jQuery Fundamentals
With contributions by James Padolsey, Paul Irish, and others. See the GitHub repository for a complete history of contributions. Licensed by Rebecca Murphey under the Creative Commons Attribution-Share Alike 3.0 United States license. You are free to copy, distribute, transmit, and remix this work, provided you attribute the work to Rebecca Murphey as the original author and reference the GitHub r
チュートリアル: jQuery スタートガイド - jQuery JavaScript ライブラリ
セットアップ このスタートガイドで説明する手順を実行するには、jQuery ライブラリが必要です。jQuery ライブラリは、ダウンロードページから入手できます。サンプルの実行に必要なマークアップと CSS の一部は、jQuery スターターキットに含まれています。スターターキットをダウンロードして展開したら、同じディレクトリに jquery.js を置いてください。次に、starterkit.html と custom.js を好みのエディタで開き、ブラウザで starterkit.html を開きます。 これで、おなじみの "Hello world" サンプルを実行できるようになりました。 関連リンク: jQuery スターターキット jQuery のダウンロード Hello jQuery まず、次のような空の HTML ページを用意します。 <html> <head> <script
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
