本文实例讲述了jQuery实现的点赞随机数字显示动画效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

点击此处查看在线演示。

完整实例代码点击此处本站下载。

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titlejQuery实现点赞数字累加动画效果/title style type=' text/CSS ' * { margin :0；划水：0;列表样式-:型无；}a、img { border:0}html、正文{ background : # ffffont-size :14 px；font-family: "微软雅黑";}.tip { text-align : center填充-前：10%；font-size :2 em}/style脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(' html，body ').打开('点击')，函数{安哥拉国家警察；})函数ANP(e){ var n=数学。圆(数学。random()* 10)；var $i=$(' ').文本(' ' ' n ')；var x=e.pageX，y=e.pageY$i.css({top:y-20，left:x，position:'absolute '，color : ' # e94f 06 ' })；$(“正文”).追加($ I)；$i.animate({top:y-180，opacity:0，' font-size':'1.4em'}，1500，function(){ $ I . remove()；});e . stopperpagation()；}/script/head dydiv class=' tip '点击页面任意位置查看效果/div/body/html希望本文所述对大家jQuery程序设计有所帮助。