2012年3月18日日曜日

水玉を落としたような視覚効果の「jQuery.twinkle」を組み込み

水玉を落としたような視覚効果の「jQuery.twinkle」を組み込んでみました。「ここをクリック」のボタンを押してもらうと、水玉が広がっていくようなエフェクトがかかります。エレガントですねぇ。実にいい。これを利用して、凝ったナビゲーションメニューなど作成したら、女性に受けがいいかも(笑)。








ここをクリック!








ソースはこちら。
<script type="text/javascript">
$(function(){
   $("#twinklesample").click(function(){
      var options = {
         "effect": "drops",
         "effectOptions": {
            color: "rgba(102,204,85,0.5)",
            radius: 200,
            duration: 2000,
            width: 2,
            count: 3,
            delay: 100
         }
      };
      $("#twinklesample").twinkle(options);
   });
});
</script>

0 件のコメント:

コメントを投稿