首页 > Web开发 > 详细

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

时间:2015-06-24 01:59:07      阅读:221      评论:0      收藏: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动画效果

原文:http://www.cnblogs.com/doubilaile/p/4596683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!