一个简单大方的赞后+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
>
坚持!