一个简单大方的赞后+1,踩后-1js动画效果

js部分
<script type="text/javascript">
 <!--
  $(document).ready(function(e) {
     $('a.zhan').click(function(){
      var left = parseInt($(this).offset().left)+10, top =  parseInt($(this).offset().top)-10, obj=$(this);
      $(this).append('<div id="zhan"><b>+1<\/b></\div>');
      $('#zhan').css({'position':'absolute','z-index':'1', 'color':'#C30','left':left+'px','top':top+'px'}).animate({top:top-10,left:left+10},'slow',function(){
         $(this).fadeIn('fast').remove();
         var Num = parseInt(obj.find('span').text());
           Num++;
           obj.find('span').text(Num);
          });
       return false;
   });
 });
 //-->
</script>
html部分:
<a class="zhan" href="#">赞(<span>0</span>)</a>
posted @ 2015-06-24 01:21  andyliud  阅读(414)  评论(2编辑  收藏  举报