知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    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积分提示效果插件-最新评论