2009/04/10

Recent entries from same category

  1. xtag と angular1 を足して2で割った感じに使える薄い JavaScript ライブラリ「sj.js」
  2. Web Component を簡単に作れる JavaScript ライブラリ「X-Tag」
  3. twitter.bat
  4. jQueryプラグインとして動作するGithub Badge作ってみた。
  5. XSLとjQuery/HTMLだけで作る、amazon最速検索

jQueryでマウスホバーでリンクに影をつけるカッコいいプラグインを見つけました。
nakajima's jquery-glow at master - GitHub

Make your elements glow. Ooooh.

http://github.com/nakajima/jquery-glow/tree/master
以下実行例

Here are some examples:

Hover over me.

Me too.

I'm blue.

Redified.

使い方も簡単で <script type="text/javascript">
$(function() {
    $(document).ready(function() {
      $('.glow-white').addGlow({ textColor: 'white', haloColor: '#aaa', radius: 100 });
      $('.glow-blue').addGlow({ textColor: '#00f', haloColor: '#00f', radius: 100 });
      $('.glow-green').addGlow({ textColor: '#0f0', haloColor: '#0f0', radius: 100 });
      $('.glow-red').addGlow({ textColor: '#f00', haloColor: '#f00', radius: 100 });
    });
});
</script>
<div class="jquery-glow-example">
<p>Here are some examples:</p> 
<p><a class="glow-white" href="http://github.com/nakajima/jquery-glow">Hover over me.</a></p>
<p><a class="glow-green" href="http://github.com/nakajima/jquery-glow">Me too.</a></p>
<p><a class="glow-blue"  href="http://github.com/nakajima/jquery-glow">I'm blue.</a></p>
<p><a class="glow-red"   href="http://github.com/nakajima/jquery-glow">Redified.</a></p>
</div>
だけです。今朝見つけてFirefox3.1bで確認したらtext-shadowがうまく動かなかったので、forkしてpull requestしたら速攻でmergeして頂けた。
サンプルサイトも間もなく修正されてFirefox3.1bで動く様になるんじゃないかな。
Posted at by | Edit