给网站加一个复制提醒弹窗 效果图代码实现{card-describe title=" "}复制下面代码，将其放置在网站footer.php或者header.php任意底部位置即可。{/card-describe}<!-- 复制提醒开始 --> <link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" /> <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script> <script> document.body.oncopy = function() { swal("复制成功！", "若要转载请保留原文链接，感谢支持！", "success"); }; </script> <!-- 复制提醒结束 -->文件下载{cloud title="复制弹窗js,css" type="lz" url="https://koke.lanzoub.com/iBo3809mtm1e" password=""/}原文地址：https://blog.xccx.cc/archives/37/

网站变灰色 {x} 一行代码使你网站变灰色显示效果见本页代码 html { filter: grayscale(1); }

JS鼠标点击特效 效果鼠标每点击网站页面一次，就会弹出一行文字，效果如下：代码实现{card-describe title=" "}打开footer.php，在/body前插入如下代码{/card-describe}<!--鼠标点击特效--> <script type="text/javascript"> jQuery(function () { $("html").click(function(e) { var a_idx = Math.floor((Math.random() * 30));/*鼠标点击随机出现一句话，代码数字请与添加的短句数量相一致*/ var a = new Array( "希望全世界停电 我可以偷偷跑去亲你", "我会爱你很久很久","我在贩卖日落 你像神明一样将阳光撒向我","陪伴本身就是这个世界上最了不起的安慰方式", "嘿，我是一朵云ლ(⁰⊖⁰ლ)", "❤" ,"陪你把岁月熬成清酒 陪你把孤夜熬成温柔","❤","月光下邂逅的是爱情和你","祝眉目舒展 顺问冬按","只想拥你入怀","这个世界乱糟糟的 而你干干净净","日月星辰之外 你是第四种难得","我会在每个有意义的时刻 远隔山海与你共存","山脚下遇见的你 我们山顶见","想试试在你迎面跑来一把抱住你的感觉","在生命里的旅程里 遇见你真好","如果不曾遇见 岂知生命如何","❤" ,"想和你一起走过下雪后的天","在我贫瘠的土地上你是最后的玫瑰","今晚月色很美呢","r=a(1-sinθ)","天青色等烟雨 而我在等你","你是我这一生等了半世未拆的礼物","你养我 我养你 两人爱情甜蜜蜜","人的一生会遇见两个人 一个惊艳了时光 一个温柔了岁月","你不用多好，我喜欢就好","愿有岁月可回首 且以深情共白头" );/*请在此添加句子*/ var color1 = Math.floor((Math.random() * 255)) var color2 = Math.floor((Math.random() * 255)); var color3 = Math.floor((Math.random() * 255)); var $i = $("<span />").text(a[a_idx]); var x = e.pageX, y = e.pageY; $i.css({ "z-index": 9999999999999 , "top": y - 20, "left": x, "position": "absolute", "font-family":"mmm", "fontSize":Math.floor((Math.random() * 5)+10),/*文字大小在10px到15px之间*/ "font-weight": "bold", "color": "rgb("+color1+","+color2+","+color3+")",/*随机颜色*/ "-webkit-user-select":"none", "-moz-user-select":"none", "-ms-user-select":"none", "user-select":"none", }); $("body").append($i); $i.animate({ "top": y - 200, "opacity": 0 }, 3000,/*句子悬浮时间*/ function() { $i.remove(); }); }); }); </script>

网站添加下雪特效 代码实现{card-describe title=" "}将下面代码插入到head.php或者footer.php中，在body内添加。{/card-describe}<script src="https://pt.pyrroleach.com/js/snowy.js"></script> <style type="text/css"> .snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;} </style> <div class="snow-container"></div>代码下载隐藏内容，请前往内页查看详情增加鼠标互动效果{card-describe title=" "}方法同样是在在前添加一段JavaScript代码，如下：{/card-describe}<canvas id="Snow"></canvas> <script> if(true){ (function() { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; window.requestAnimationFrame = requestAnimationFrame; })(); (function() { var flakes = [], canvas = document.getElementById("Snow"), ctx = canvas.getContext("2d"), flakeCount = 200, mX = -100, mY = -100; canvas.width = window.innerWidth; canvas.height = window.innerHeight; function snow() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (var i = 0; i < flakeCount; i++) { var flake = flakes[i], x = mX, y = mY, minDist = 150, x2 = flake.x, y2 = flake.y; var dist = Math.sqrt((x2 - x) * (x2 - x) + (y2 - y) * (y2 - y)), dx = x2 - x, dy = y2 - y; if (dist < minDist) { var force = minDist / (dist * dist), xcomp = (x - x2) / dist, ycomp = (y - y2) / dist, deltaV = force / 2; flake.velX -= deltaV * xcomp; flake.velY -= deltaV * ycomp; } else { flake.velX *= .98; if (flake.velY <= flake.speed) { flake.velY = flake.speed } flake.velX += Math.cos(flake.step += .05) * flake.stepSize; } ctx.fillStyle = "rgba(255,255,255," + flake.opacity + ")"; flake.y += flake.velY; flake.x += flake.velX; if (flake.y >= canvas.height || flake.y <= 0) { reset(flake); } if (flake.x >= canvas.width || flake.x <= 0) { reset(flake); } ctx.beginPath(); ctx.arc(flake.x, flake.y, flake.size, 0, Math.PI * 2); ctx.fill(); } requestAnimationFrame(snow); }; function reset(flake) { flake.x = Math.floor(Math.random() * canvas.width); flake.y = 0; flake.size = (Math.random() * 3) + 2; flake.speed = (Math.random() * 1) + 0.5; flake.velY = flake.speed; flake.velX = 0; flake.opacity = (Math.random() * 0.5) + 0.3; } function init() { for (var i = 0; i < flakeCount; i++) { var x = Math.floor(Math.random() * canvas.width), y = Math.floor(Math.random() * canvas.height), size = (Math.random() * 3) + 2, speed = (Math.random() * 1) + 0.5, opacity = (Math.random() * 0.5) + 0.3; flakes.push({ speed: speed, velY: speed, velX: 0, x: x, y: y, size: size, stepSize: (Math.random()) / 30 * 1, step: 0, angle: 180, opacity: opacity }); } snow(); }; document.addEventListener("mousemove", function(e) { mX = e.clientX, mY = e.clientY }); window.addEventListener("resize", function() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }); init(); })(); } </script> <style> #Snow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background: rgba(125,137,95,0.1); pointer-events: none; } </style>

网站实现樱花飘落效果 效果展示代码实现{card-describe title=" "}将js文件插入到到head.php或者footer.php中{/card-describe}<script src="/js/yinghua.js"></script>代码下载隐藏内容，请前往内页查看详情