美文网首页
赞后+1,踩后-1js动画效果

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

作者: 码课sir | 来源:发表于2018-07-20 23:13 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:赞后+1,踩后-1js动画效果

          本文链接:https://www.haomeiwen.com/subject/eudcmftx.html