利用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

你可能感兴趣的:(jquery)