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
>
转载于:https://www.cnblogs.com/doubilaile/p/4596683.html
相关资源：jQuery点赞 1动画效果
