鼠標點擊顯示文字效果


需引入jquery.js

jQuery(document).ready(function($) { 
    $("html,body").click(function(e){ 
        var dfs=[
            "您剛才的點擊使計生局放開了"+Math.floor(Math.random()*100)+"胎政策。",
            "您剛才的點擊使黃石超級火山爆發了",
            "您剛才的點擊使羅輯又換了一個女朋友",
            "您剛才的點擊使小米公司收購了高通公司",
            "您剛才的點擊引爆了"+Math.random()*10000+"光年外的一顆恆星",
            "您剛才的點擊使頭發變得烏黑濃密了",
            "您剛才的點擊使您的波函數坍塌了", 
            "您剛才的點擊使您的銀行卡被盜刷了", 
            "您剛才的點擊使普朗克常數擴大了十倍", 
            "您剛才的點擊熄滅了藍色空間號二號主引擎", 
            "您剛才的點擊創造了一個小宇宙", 
            "您剛才的點擊使宇宙由開放轉為閉合", 
            "您剛才的點擊讓雲天明和關一帆在一起了",
            "您剛才的點擊使三體第"+Math.floor(Math.random()*100)+"艦隊起航了", 
            "您剛才的點擊使第"+Math.floor(Math.random()*10000)+"號宇宙毀滅了", 
            "您剛才的點擊向太陽發射了一顆光粒", 
            "您剛才的點擊導致三體行星撞上他的主星",
            "您剛才的點擊令人類文明將在"+(new Date()).getFullYear()+"年"+((new Date()).getMonth()+1)+"月"+(new Date()).getUTCDate()+"日23:59:59毀滅",
            "您剛才的點擊啟動了威懾系統",
            "您剛才的點擊使謝頓計划脫離了正軌",
            "您剛才的點擊使程心按下了威懾開關",
            "您剛才的點擊引起了"+Math.random()*10000+"光年外一個行星的爆炸",
            "您剛才的點擊使宇宙中產生了一些暗物質",
            "您剛才的點擊引起了所有行星上的地震",
            "您剛才的點擊使一台諾基亞摔碎了",
            "您剛才的點擊使360雲盤倒閉了",
            "您剛才的點擊小米發布了MIX概念手機",
            "千萬不要再次點擊鼠標",
            "真的千萬不要再次點擊鼠標"
        ];
        var n=Math.floor(Math.random() * dfs.length + 1)-1;   //隨機獲取一條數據
        var $i=$("<p/>").text(dfs[n]);      //新建一個b標簽,並顯示隨機的話語
        var x=e.pageX,y=e.pageY;            //獲取鼠標點擊的x,和y
        $i.css({                            //為標簽賦予css值
            "z-index":99999, 
            "top":y-20, 
            "left":x, 
            "position":"absolute", 
            "color":"#E94F06",
            "font-family":"微軟雅黑",
            "cursor":"default",
            "-moz-user-select": "none",
            "-webkit-user-select": "none",
            "-ms-user-select": "none",
            "-khtml-user-select": "none",
            "user-select": "none",
        }); 
        $("body").append($i);               //在尾部插入
        $i.animate( {"top":y-180,"opacity":0}, 1500, function(){$i.remove();});     //動畫消除
        e.stopPropagation();
    });
}); 


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM