なんにもない日の頭の中はこんなもんだったりする

【jQuery】スマホ、タブレットでhoverを有効にする

【jQuery】スマホ、タブレットでhoverを有効にする

jQueryを使う。
簡単に実装できるのでおすすめ。
タッチしたときに少しうるさく感じることもありますが。

サンプル

サンプルではaタグを指定。
PCのときと同じ動きをしてくれるというもの。
※タッチ = touchstart

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
  $( 'a') // aタグを指定
    .bind( 'touchstart', function(){ // タッチするとhoverが付与される
    $( this ).addClass( 'hover' );
  }).bind( 'touchend', function(){ // タッチが離れるとhoverが解除される
    $( this ).removeClass( 'hover' );
  });
});
</script>

関連記事

【CSS】タブレット、スマホ表示の時は:hoverを不要にする

Web design gallery - デザインのこと - ウェブデザインあつめました。
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

ぼくと、シンカリオン/特集「の、こと」 – いつかのこと
映画『マチネの終わりに』公式サイト
もうすぐ1年/窓の家と生活
12月7日