利用jQuery制作类似skype的按钮效果

演示：
http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html

关键代码：
   $(document).ready(function(){
            $(".button").hover(function(){
      if(!$(".button img").is(":animated")){
              $(".button img")
        .animate({top:"-10px"}, 200).animate({top:"-4px"}, 200)
        .animate({top:"-7px"}, 100).animate({top:"-4px"}, 100)
        .animate({top:"-6px"}, 100).animate({top:"-4px"}, 100);
       }
            });
      });

 

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=1337