看到很多朋友网站上有鼠标点击弹出爱心的功能,感觉挺好玩,扒了一个找大佬帮我改了一下,点击鼠标后随机弹出指定的emoji图标,需要的朋友可以拿走玩,图个乐.
js代码:
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 = ["🦁", "⌚", "⌛", "⏰", "☔", "☕", "♈", "♉", "♊", "♋", "♌", "♍", "♎", "♏", "♐", "♑", "♒", "♓", "⚓", "⚡", "⚽", "⚾", "⛄", "⛅", "⛔", "⛪", "⛲", "⛳", "⛵", "✨", "➰", "⭐", "🀄", "🃏", "🆒", "🆓", "🆔", "🆕", "🆖", "🆗", "🆘", "🆙", "🈲", "🈳", "🈶", "🉐", "🌈", "🌉", "🌊", "🌋", "🌌", "🌏", "🌙", "🌞", "🌭", "🌮", "🌲", "🌳", "🌴", "🌵", "🌸", "🌹", "🍀", "🍁", "🍂", "🍄", "🍅", "🍆", "🍇", "🍈", "🍉", "🍍", "🍑", "🍒", "🍓", "🍔", "🍕", "🍖", "🍗", "🍚", "🍜", "🍟", "🍤", "🍦", "🍧", "🍨", "🍩", "🍰", "🍳", "🍹", "🍺", "🍼", "🎀", "🎄", "🎈", "🎓", "🎠", "🎡", "🎢", "🎦", "🎨", "🎪", "🎮", "🎯", "🎰", "🎲", "🎷", "🎸", "🎹", "🎻", "🎾", "🏀", "🏅", "🏆", "🏊", "🏐", "🏓", "🏥", "🏩", "🏫", "🏭", "🏰", "🏸", "🏹", "🐇", "🐉", "🐊", "🐋", "🐌", "🐙", "🐝", "🐞", "🐠", "🐳", "🐾", "👑", "👓", "👒", "👿", "💒", "💖", "💘", "💣", "💤", "💯", "💾", "💿", "📅", "📊", "📌", "📐", "📖", "📦", "🔑", "🔧", "🔨", "🕒", "🕕", "🕘", "🕛", "🕵", "😀", "😄", "😍", "😎", "😵", "😷", "🙃", "🚀", "🚁", "🚁", "🚑", "🚒", "🚧", "🚥", "🚴", "🛸", "🥥", "🥩"],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的数值参考下https://www.runoob.com/charsets/ref-emoji.html
弹出的emoji图标大小修改font-size
保存成js文件以后,页面引用一下:
1 |
<script src="./emoji.js" type="text/javascript"></script> |