赞后+1,踩后-1js动画效果

2018-07-20  本文已影响0人  码课sir

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>
上一篇下一篇

猜你喜欢

热点阅读