码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-06-24 01:59:09      阅读:187      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!