マウスオーバーをかっちょよくするJavaScript「jquery-glow」

リンクのマウスオーバーではわかりやすく印象的なものにする必要があります。
jquery-glowではマウスオーバー時に、かっちょよくキラキラとさせます。

使用方法

jquery-glowからjquery-glowing.jsをjQueryからjquery.jsをダウンロードします。


<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.color.js"></script>
<script type="text/javascript" src="jquery-glowing.js"></script>
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $('.class名').addGlow({
		 textColor: '#cc0000', //マウスオーバー色
		 haloColor: '#fff', //光源色
		 radius: 20 //光源半径
	 });
    });
  </script>

上記を記述したら、テキスト要素にclassを振れば完成です。
<a href="リンクパス" class="class名">リンクテキスト</a>

サンプル

Hover over me.

Javascriptサンプルページ一覧

skuare.net