沐晴夏阳 - 第 4 页 - 李毅的个人博客

网站添加鼠标点击弹出emoji表情js代码

by coolshark : 2021年5月17日2021年12月3日

1,354

次浏览

看到很多朋友网站上有鼠标点击弹出爱心的功能,感觉挺好玩,扒了一个找大佬帮我改了一下,点击鼠标后随机弹出指定的emoji图标,需要的朋友可以拿走玩,图个乐. js代码:

var emj_arr = ["&#129409", "&#8986", "&#8987", "&#9200", "&#9748", "&#9749", "&#9800", "&#9801", "&#9802", "&#9803", "&#9804", "&#9805", "&#9806", "&#9807", "&#9808", "&#9809", "&#9810", "&#9811", "&#9875", "&#9889", "&#9917", "&#9918", "&#9924", "&#9925", "&#9940", "&#9962", "&#9970", "&#9971", "&#9973", "&#10024", "&#10160", "&#11088", "&#126980", "&#127183", "&#127378", "&#127379", "&#127380", "&#127381", "&#127382", "&#127383", "&#127384", "&#127385", "&#127538", "&#127539", "&#127542", "&#127568", "&#127752", "&#127753", "&#127754", "&#127755", "&#127756", "&#127759", "&#127769", "&#127774", "&#127789", "&#127790", "&#127794", "&#127795", "&#127796", "&#127797", "&#127800", "&#127801", "&#127808", "&#127809", "&#127810", "&#127812", "&#127813", "&#127814", "&#127815", "&#127816", "&#127817", "&#127821", "&#127825", "&#127826", "&#127827", "&#127828", "&#127829", "&#127830", "&#127831", "&#127834", "&#127836", "&#127839", "&#127844", "&#127846", "&#127847", "&#127848", "&#127849", "&#127856", "&#127859", "&#127865", "&#127866", "&#127868", "&#127872", "&#127876", "&#127880", "&#127891", "&#127904", "&#127905", "&#127906", "&#127910", "&#127912", "&#127914", "&#127918", "&#127919", "&#127920", "&#127922", "&#127927", "&#127928", "&#127929", "&#127931", "&#127934", "&#127936", "&#127941", "&#127942", "&#127946", "&#127952", "&#127955", "&#127973", "&#127977", "&#127979", "&#127981", "&#127984", "&#127992", "&#127993", "&#128007", "&#128009", "&#128010", "&#128011", "&#128012", "&#128025", "&#128029", "&#128030", "&#128032", "&#128051", "&#128062", "&#128081", "&#128083", "&#128082", "&#128127", "&#128146", "&#128150", "&#128152", "&#128163", "&#128164", "&#128175", "&#128190", "&#128191", "&#128197", "&#128202", "&#128204", "&#128208", "&#128214", "&#128230", "&#128273", "&#128295", "&#128296", "&#128338", "&#128341", "&#128344", "&#128347", "&#128373", "&#128512", "&#128516", "&#128525", "&#128526", "&#128565", "&#128567", "&#128579", "&#128640", "&#128641", "&#128641", "&#128657", "&#128658", "&#128679", "&#128677", "&#128692", "&#128760", "&#129381", "&#129385"],emj_arr2 = [];
!function(e, t, a) {
  function n() {
    c(".heart{width:1px;user-select:none;height:1px;position:fixed;cursor:default;font-size:20px;}"),
    o(),
    r()
  }
  function r() {
    for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";z-index:99999");
    requestAnimationFrame(r)
  }
  function o() {
    var t = "function" == typeof e.onclick && e.onclick;
    e.onclick = function(e) {
      t && t(),
      i(e)
    }
  }
  function rf() {
    emj_arr.length <= 0 && (emj_arr = emj_arr2, emj_arr2 = []);
    let idx = Math.round(Math.random() * emj_arr.length - 1);
    idx = idx < 0 ? 0 : idx;
    let ths = emj_arr[idx];
    return emj_arr.splice(idx, 1),
    emj_arr2.push(ths),
    ths
  }
  function i(e) {
    var a = t.createElement("div");
    a.innerHTML = rf(),
    a.className = "heart",
    d.push({
      el: a,
      x: e.clientX - 5,
      y: e.clientY - 5,
      scale: 1,
      alpha: 1
    }),
    t.body.appendChild(a)
  }
  function c(e) {
    var a = t.createElement("style");
    a.type = "text/css";
    try {
      a.appendChild(t.createTextNode(e))
    } catch(n) {
      a.styleSheet.cssText = e
    }
    t.getElementsByTagName("head")[0].appendChild(a)
  }
  var d = [];
  e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame ||
  function(e) {
    setTimeout(e, 1e3 / 60)
  },
  n()
} (window, document);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

var emj_arr = ["&#129409", "&#8986", "&#8987", "&#9200", "&#9748", "&#9749", "&#9800", "&#9801", "&#9802", "&#9803", "&#9804", "&#9805", "&#9806", "&#9807", "&#9808", "&#9809", "&#9810", "&#9811", "&#9875", "&#9889", "&#9917", "&#9918", "&#9924", "&#9925", "&#9940", "&#9962", "&#9970", "&#9971", "&#9973", "&#10024", "&#10160", "&#11088", "&#126980", "&#127183", "&#127378", "&#127379", "&#127380", "&#127381", "&#127382", "&#127383", "&#127384", "&#127385", "&#127538", "&#127539", "&#127542", "&#127568", "&#127752", "&#127753", "&#127754", "&#127755", "&#127756", "&#127759", "&#127769", "&#127774", "&#127789", "&#127790", "&#127794", "&#127795", "&#127796", "&#127797", "&#127800", "&#127801", "&#127808", "&#127809", "&#127810", "&#127812", "&#127813", "&#127814", "&#127815", "&#127816", "&#127817", "&#127821", "&#127825", "&#127826", "&#127827", "&#127828", "&#127829", "&#127830", "&#127831", "&#127834", "&#127836", "&#127839", "&#127844", "&#127846", "&#127847", "&#127848", "&#127849", "&#127856", "&#127859", "&#127865", "&#127866", "&#127868", "&#127872", "&#127876", "&#127880", "&#127891", "&#127904", "&#127905", "&#127906", "&#127910", "&#127912", "&#127914", "&#127918", "&#127919", "&#127920", "&#127922", "&#127927", "&#127928", "&#127929", "&#127931", "&#127934", "&#127936", "&#127941", "&#127942", "&#127946", "&#127952", "&#127955", "&#127973", "&#127977", "&#127979", "&#127981", "&#127984", "&#127992", "&#127993", "&#128007", "&#128009", "&#128010", "&#128011", "&#128012", "&#128025", "&#128029", "&#128030", "&#128032", "&#128051", "&#128062", "&#128081", "&#128083", "&#128082", "&#128127", "&#128146", "&#128150", "&#128152", "&#128163", "&#128164", "&#128175", "&#128190", "&#128191", "&#128197", "&#128202", "&#128204", "&#128208", "&#128214", "&#128230", "&#128273", "&#128295", "&#128296", "&#128338", "&#128341", "&#128344", "&#128347", "&#128373", "&#128512", "&#128516", "&#128525", "&#128526", "&#128565", "&#128567", "&#128579", "&#128640", "&#128641", "&#128641", "&#128657", "&#128658", "&#128679", "&#128677", "&#128692", "&#128760", "&#129381", "&#129385"],emj_arr2 = [];

!function(e, t, a) {

function n() {

c(".heart{width:1px;user-select:none;height:1px;position:fixed;cursor:default;font-size:20px;}"),

o(),

r()

}

function r() {

for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";z-index:99999");

requestAnimationFrame(r)

}

function o() {

var t = "function" == typeof e.onclick && e.onclick;

e.onclick = function(e) {

t && t(),

i(e)

}

function rf() {

emj_arr.length <= 0 && (emj_arr = emj_arr2, emj_arr2 = []);

let idx = Math.round(Math.random() * emj_arr.length - 1);

idx = idx < 0 ? 0 : idx;

let ths = emj_arr[idx];

return emj_arr.splice(idx, 1),

emj_arr2.push(ths),

ths

}

function i(e) {

var a = t.createElement("div");

a.innerHTML = rf(),

a.className = "heart",

d.push({

el: a,

x: e.clientX - 5,

y: e.clientY - 5,

scale: 1,

alpha: 1

}),

t.body.appendChild(a)

}

function c(e) {

var a = t.createElement("style");

a.type = "text/css";

try {

a.appendChild(t.createTextNode(e))

} catch(n) {

a.styleSheet.cssText = e

}

t.getElementsByTagName("head")[0].appendChild(a)

}

var d = [];

e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame ||

function(e) {

setTimeout(e, 1e3 / 60)

},

n()

} (window, document);

emoji的数值参考下ht […]

阅读全文

系统软件

CENTOS服务器使用wine执行aapt.exe读取apk包信息教程

by coolshark : 2021年5月14日2024年4月9日

1,086

次浏览

一、问题情况因为业务上传服务器有apk包，需要收集整理apk包的包名，获取权限，版本号，md5等数据。找了个aapt.exe，liunx系统下没法运行，需要先装wine内核才能执行exe程序。二、解决方法 2.1 安装wine教程 wine32和wine6 […]

阅读全文

WordPress

wordpress升级出现FTP上传页面解决办法

by coolshark : 2021年5月14日2021年5月17日

1,099

次浏览

一、问题情况刚装好的wordpress显示有升级，点开升级出现FTP上传页面要求填写。二、解决办法检查一下目录是否有应用程序的可写权限，wordpress会自动测试可写权限，如果失败，就转到ftp页面要求上传更新文件。我的当时是root用户解压的.忘改了 […]

阅读全文

Mysql

CENTOS服务器MYSQL5.6和5.7多开实例教程

by coolshark : 2021年5月14日2022年11月9日

1,083

次浏览

一、问题情况因为需要一台物理服务器跑多个网站，有些网站数据库还需要主从，所以需要多个实例来运行mysql数据库。二、教程说明首先要看下mysql的版本是5.6还是5.7，因为5.7.6之后mysql只能使用mysqld初始化数据库,之前可以用mysql_ […]

阅读全文

WordPress

WordPress一些优化记录

by coolshark : 2021年5月13日2021年5月17日

1,668

次浏览

一、问题情况因为刚用wordpress搭建网站，遇到很多问题，故记录一下以免以后升级出现一些反复不知道修改哪里。二、解决办法 2.1 登录地址保护因为wordpress开源所以后台地址固定，可以前台增加一下url验证参数，functions.php里添加 […]

阅读全文

P2P软件

关于如何在centos服务器开启多个TRANSMISSION应用服务

by coolshark : 2021年5月13日2022年12月19日

1,564

次浏览

一、问题情况由于下载服务器使用了TRANSMISSION做BT供种，后期由于磁盘容量不足，增加了新的磁盘，想启用一个新的TRANSMISSION监控新的磁盘目录进行供种，网上看了下没有实用的教程这里就单独写了一个。二、解决办法首先对新加磁盘进行格式化处理 […]

阅读全文

HTML

一些好玩的HTML小图标

by coolshark : 2021年5月10日2021年5月17日

1,023

次浏览

今天上网无意看到别人源代码里有些图标,查了下资料html是可以直接显示图标的HTML Symbols,记录一下以后可以在文章里放些小表情也是好玩的,不过这个好像是浏览器内置的.比如IE可能就是黑白的,google浏览器就是彩色的. 本人🧔,♊座,天气⛅,吃过🌮 […]

阅读全文

iptables

关于IPSET无法开机启动的问题解决

by coolshark : 2021年5月10日2022年12月19日

1,559

次浏览

一、问题情况 centos7服务器写了ipset后添加了iptables规则，重启后iptables无法启动。(centos6好像没有ipset-service服务,装了ipset保存配置设置开机启动就行) 二、解决办法服务器除了要装ipset还要装ipse […]

阅读全文

iptables

IPSET添加域名动态解析IP白名单脚本

by coolshark : 2021年5月10日2021年5月14日

1,910

次浏览

一、问题情况因业务问题，服务器写了一个IP屏蔽脚本用于指定时间内屏蔽访问过多的IP，但是由于公司有非固定IP，也会跟着一起被屏蔽。就写个脚本做个加白处理。二、解决办法

touch /root/ipwhite.txt
vim /root/ipwhitelist.sh

##下面是脚本内容

#!/bin/sh
#读取历史外网IP
oldip=$(cat /root/ipwhite.txt)
#获取最新外网IP
myip=$(host www.1987619.com|awk '{print $4}')
if [ "${myip}" = "" ];
then
exit;
else
if [ "${oldip}" = "${myip}" ];
then
#历史最新IP一致退出
exit;
else
#记录最新外网IP
echo ${myip} > /root/ipwhite.txt
#请求更新解析记录
/usr/sbin/ipset add whitelist ${myip}
fi
fi

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

touch /root/ipwhite.txt

vim /root/ipwhitelist.sh

##下面是脚本内容

#!/bin/sh

#读取历史外网IP

oldip=$(cat /root/ipwhite.txt)

#获取最新外网IP

myip=$(host www.1987619.com|awk '{print $4}')

if [ "${myip}" = "" ];

then

exit;

else

if [ "${oldip}" = "${myip}" ];

then

#历史最新IP一致退出

exit;

else

#记录最新外网IP

echo ${myip} > /root/ipwhite.txt

#请求更新解析记录

/usr/sbin/ipset add whitelist ${myip}

fi

然后加个crontab […]

阅读全文