スマホサイトで:hoverの効果を可能にしてみよう | PLUSTRiCKスマホサイトはPCサイトと異なりマウスカーソルがありませんので、PCではよく使われているhoverやロールオーバーの効果がスマホサイトでは使用できません。 ですが、タップしたときにあたかもhoverしているような効果をつけることはスマホサイトでも可能です。ただし、CSSだけでは対応しきれないため、jQueryを用います。 タップして色をつけるだけであれば -webkit-tap-highlight-color を使ってもよいのですが、これだとAndroidが対応していませんし…。 なによりテキストだけのリンクであればありだと思いますが、ユーザーのアクションとしてはまだ弱いと感じています。 ですがスマホサイト上のすべてのリンクにhoverを使うと、返ってうるさい感じがでてしまうので、それは避けたいところです。hoverを使う場所としては、ページ内のボタンをタップしたときにボタンの色を変える、
