zoukankan      html  css  js  c++  java
  • 鼠标点击显示文字效果

    需引入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();
        });
    }); 
    
    
    
  • 相关阅读:
    TypeScript学习笔记
    Spring基础知识
    Filter基础知识
    如何开发自定义标签
    会话和会话状态
    Servlet转发到JSP页面的路径问题
    JDBC相关知识
    gimp 很强大, 可是不会用
    python 启动文件
    minidnla policy
  • 原文地址:https://www.cnblogs.com/wjup/p/11041276.html
Copyright © 2011-2022 走看看