このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery-glowing.js"></script>
<script>
	$(window).load(function(){
		$('.rainbow01').addGlow({
			textColor: '#DE6641',
			haloColor: '#DE6641',
			radius: 100
		});
		$('.rainbow02').addGlow({
			textColor: '#E8AC51',
			haloColor: '#E8AC51',
			radius: 100
		});
		$('.rainbow03').addGlow({
			textColor: '#F2E55C',
			haloColor: '#F2E55C',
			radius: 100
		});
		$('.rainbow04').addGlow({
			textColor: '#39A869',
			haloColor: '#39A869',
			radius: 100
		});
		$('.rainbow05').addGlow({
			textColor: '#4784BF',
			haloColor: '#4784BF',
			radius: 100
		});
		$('.rainbow06').addGlow({
			textColor: '#5D5099',
			haloColor: '#5D5099',
			radius: 100
		});
		$('.rainbow07').addGlow({
			textColor: '#A55B9A',
			haloColor: '#A55B9A',
			radius: 100
		});
	});
</script>
<p class="title">世界自然七不思議</p>

<p><a class="rainbow01" href="#">グランド・キャニオン</a></p>
<p><a class="rainbow02" href="#">グレート・バリア・リーフ</a></p>
<p><a class="rainbow03" href="#">リオデジャネイロの港</a></p>
<p><a class="rainbow04" href="#">エベレスト</a></p>
<p><a class="rainbow05" href="#">オーロラ</a></p>
<p><a class="rainbow06" href="#">パリクティン火山</a></p>
<p><a class="rainbow07" href="#">ヴィクトリアの滝</a></p>

glowについて

glowは、マウスオーバー時の挙動をクールにしてくれるプラグインです。
クール好きにはたまらないやつです。
同様要素に何度もマウスオーバーしたら、アニメーションが止まらないのが残念。
stop(false, false)をanimateの前につければ解決です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Pep

    Pep

    要素のドラッグ&ドロップを実装できる