JQuery リンクのHover時のデザインいろいろ

リンクタグの上にマウスを載せた時に、CSSだけではなく、JQueryでそれっぽくリンクを主張するいろいろ。

オンマウスで文字の色とリンクの背景を反転させる

色をanimateするには、JQueryUIが必要です。なので、HEADに以下を予め追加しておきます。

これはリンクです。

$(“a span , .post a”) としているのは、フロントページなどで特定のリンクだけに反映させたい部分には、aタグ内にspanで囲っておけばいいし、それ以外の投稿や固定ページでは、投稿者が意識しなくてもいいようにしたかったので。

マウスオーバーで薄くする

これはリンクです。

タイトルとURLをコピーしました