Chromeのタブのように、繊細なハイライトのエリアをマウスに合わせて移動させるスクリプトを紹介します。Chromeのタブは、下記のようになります。タブの実装まずは、タブの実装から。タブの実装はシンプルです。HTMLタブはリスト要素で実装します。Us</a></li></ul>CSSCSSもシンプルに実装します。#a0a0a0;}[ad#ad-2]ハイライトのエリアをマウスに合わせて移動させるハイライトは放射状のグラデーションを使用します。40px);放射状のグラデーションのみを実装すると、下記のようになります。デモページマウスを動かすと、グラデーションが移動します。グラデーションはCSSで実装することが可能ですが、マウスに合わせて移動することができません。そこで、JavaScriptを使用します。スクリプトで実装するプランは、下記のようになります。マウスを指定したエリア内で動かした時マウスの位置を検出し、その位置にグラデーションを適用する。マウスが離れた時には、グラデーションを取り除く。これらはjQueryで簡単に実装できます。JavaScriptjquery.jsを外部ファイルとし、下記のスクリプトを記述します。});});});サイトでは実装にあたって、もう少し詳しく解説がされています。Posts関連記事が見つかりませんでした。