博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
+1点赞文字向上飘效果
阅读量:5269 次
发布时间:2019-06-14

本文共 517 字,大约阅读时间需要 1 分钟。

$(function(){

$(".tip").on("click",function(e){
bonusPoints(e);
})
});
//懒人建站 http://www.51xuediannao.com
function bonusPoints(e){
var n=Math.round(Math.random()*10); //实际需求中要替换成实际的值 这里演示,用一个随机数
var $i=$("<b>").text("+"+n);
var x=e.pageX,y=e.pageY;
$i.css({
top:y-20,left:x-10,
position:"absolute",color:"#E94F06","font-size":"1em"
});
$("body").append($i);
$i.animate({top:y-200,opacity:0,"font-size":"4em"},1500,function(){
$i.remove();
});
e.stopPropagation();

}

转载于:https://www.cnblogs.com/zhunandw/p/4941935.html

你可能感兴趣的文章
线段树模板讲解
查看>>
ie6解决png图片透明问题
查看>>
瞬间的永恒
查看>>
docker overlay网络实现
查看>>
2019-8-5 考试总结
查看>>
jquery javascript 回到顶部功能
查看>>
JS中实现字符串和数组的相互转化
查看>>
用格式工厂将mts文件转换成其它格式flv,mpg失败
查看>>
web service和ejb的区别
查看>>
Silverlight StoryboardManager 故事板管理类
查看>>
Windows Azure Cloud Service (29) 在Windows Azure发送邮件(下)
查看>>
CS61A Efficiency 笔记
查看>>
ArcGIS Server Javascript 多图对比功能
查看>>
c#实现把异常写入日志示例(异常日志)
查看>>
函数的进阶
查看>>
对百度杀毒软件的评价
查看>>
微信上传素材返回 '{"errcode":41005,"errmsg":"media data missing"}',php5.6返回
查看>>
七七四十九劫,九九八十一难
查看>>
.net 获取CPU频率 内存 磁盘大小,域名 端口 虚拟目录等
查看>>
div或者p标签单行和多行超出显示省略号
查看>>