jquery积分提示效果插件
作者:佳明妈 来源:经典语录 2014-01-28 人气:jquery积分提示效果,单击下面的按钮就可以看到提示效果,js随机数需要你使用的时候自己换成实际的值,这个值怎么获得,要根据你的实际需求了,比如ajax请求返回的数值等。
jquery积分提示效果,单击下面的按钮就可以看到提示效果,js随机数需要你使用的时候自己换成实际的值,这个值怎么获得,要根据你的实际需求了,比如ajax请求返回的数值等。
当然这个jquery提示效果需要依赖jquery库。
jquery代码:
$(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();
}
当然这个jquery提示效果需要依赖jquery库。
jquery代码:
$(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();
}
↓ 查看全文
jquery积分提示效果插件由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
jquery积分提示效果插件-最新评论