超簡単！スマホサイトでもタッチでhoverが効くようにする方法 | MW.com

スマートフォンの普及に伴い、スマホサイトの重要性は年々増しています。 当ブログもスマホ専用サイトでご覧頂いています。 今のところ改造する予定はないのですが、ひとつだけ不満がありました。 リンクをタッチしても、タッチデバイスでhoverが効かない。ということです。 スポンサーリンク タッチデバイスでもhoverをさせたい hoverというのはリンクなどにマウスを当てたときに文字色が変化する、などの動きのことです。hoverは非常にポピュラーな手法で、使っていないサイトは０だと思われます。 そんなhoverの基本的な記述方法を紹介します。 a:hover { color: #fff; } この例はリンクテキストにカーソルを当てると文字が白文字に変化させるという簡単なものです。 今回はこの例で説明してみます。 jQueryですぐに対応可能 以下のコードをjsファイルに記述し、読み込ませます。 (

[masayoshinym]

"スマホサイトでもタッチでhover"

[ricopinx]

タッチデバイスでもhoverをさせたい