気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
jQueryを使ってスマホで:hover効果を実現する | アルパカの具
13 users
minipaca.net
minipaca.net
minipaca.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
スマホの”:hover”の動き iPhoneやAndroid向けのサイトを作っていてCSSのa:hoverで文字色を変えたいとき... スマホの”:hover”の動き iPhoneやAndroid向けのサイトを作っていてCSSのa:hoverで文字色を変えたいとき、文字の色が戻らなくなったり、ブラウザバックしても色が変わったままだったりします。 a:activeで直るかなーとか思って試しても全然効かない始末。 そんな時はJavaScriptに頼っちゃおう これはCSSではどうしようもないので、JavaScriptのtouchイベントを使って、タッチしている間だけ hover というクラスを付けるようにします。 jQueryを使えばとっても簡単に実装できちゃいます。aタグとボタン系のタグをターゲットにした場合のソースが下記です。 そして、CSSでは”:hover”の代わりに”.hover”を使うようにするだけです。 jQuery(function($){ $( 'a, input[type="button"], in
minipaca.net
minipaca.net
minipaca.net
minipaca.net
www.yomiuri.co.jp
anond.hatelabo.jp
www.ketancho.net
trilltrill.jp
www.ben54.jp
www.riken.jp
prtimes.jp
nazology.kusuguru.co.jp
note.com/_we1ch_
mytown.asahi.com
meetscareer.tenshoku.mynavi.jp
inside.pixiv.blog
studyhacker.net
tech.nri-net.com
2013/03/08 リンク