简介：示例前言在此之前，我们已经使用了 Vercel，并且已经配置了 ChatGPT的 web版本。这一次，我们希望为您提供一个更加简便的，单页的个人网页注意事项步骤fork项目点击这里登录Vercel并导入项目点击这里ps后续也会上传其他的源码，记得关注我的Github哦～

简介：示例代码JS代码 // Listen for the "keydown" event on the document document.addEventListener("keydown", function(event) { // Check if the pressed key is F12 (keyCode 123) if (event.keyCode === 123) { // Create a new <div> element for the message var messageDiv = document.createElement("div"); messageDiv.className = "message div"; // Set the content of the <div> messageDiv.textContent = "代码不好看～"; // Append the <div> to the body document.body.appendChild(messageDiv); // Remove the <div> after a few seconds (optional) setTimeout(function() { document.body.removeChild(messageDiv); }, 3000); // Remove after 3 seconds (adjust as needed) } }); // Listen for the "contextmenu" event on the document document.addEventListener("contextmenu", function(event) { // Prevent the default right click context menu event.preventDefault(); // Show the right click prompt showPrompt("代码不好看～"); }); // Function to show a prompt function showPrompt(message) { // Create a new <div> element for the message var messageDiv = document.createElement("div"); messageDiv.className = "message div"; // Set the content of the <div> messageDiv.textContent = message; // Append the <div> to the body document.body.appendChild(messageDiv); // Remove the <div> after a few seconds (optional) setTimeout(function() { document.body.removeChild(messageDiv); }, 3000); // Remove after 3 seconds (adjust as needed) }CSS /* Styles specific to the message div */ .message div { position: fixed; bottom: 20px; left: 50%; transform: translateX( 50%); padding: 10px; background color: #ffcccc; border: 1px solid #e74c3c; color: #e74c3c; border radius: 5px; z index: 9999; /* Ensure it's above other elements */

简介： <div id="fps" style="z index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font size:10px;"> </div> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan js/fetch.min.js"> </script> <script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf 8"> </script> <script> $(function() { if ( /*getCookie('msg') !=*/ 1) { var t = document.createElement("a"); t.href = document.referrer; var msgTitle = t.hostname; var name = t.hostname.split(".")[1]; if ("" !== document.referrer) { switch (name) { case 'bing': msgTitle = '必应搜索'; break; case 'baidu': msgTitle = '百度搜索'; break; case 'so': msgTitle = '360 搜索'; break; case 'google': msgTitle = '谷歌搜索'; break; case 'sm': msgTitle = '神马搜索'; break; case 'sogou': msgTitle = '搜狗搜索'; break; default: msgTitle = t.hostname; }; }; var time = (new Date).getHours(); var msg = ''; 23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5 < time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7 < time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11 < time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14 < time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17 < time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19 < time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21 < time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~"); $.ajax({ type: "get", url: "https://api.gmit.vip/Api/UserInfo/", async: true, success: function(data) { window.info = data; layer.msg("Hi~ 来自" + data.data.location + '~<br/>通过 ' + msgTitle + ' 进来的朋友！<br/>使用 ' + data.data.os + "<br/>" + data.data.browser + ' 访问本站！' + '<br/>' + msg); var showFPS = (function() { var requestAnimationFrame = window.requestAnimationFrame window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); }; var e, pe, pid, fps, last, offset, step, appendFps; fps = 0; last = Date.now(); step = function() { offset = Date.now() last; fps += 1; if (offset >= 1000) { last += offset; appendFps(fps); fps = 0; }; requestAnimationFrame(step); }; appendFps = function(fps) { var settings = { timeout: 5000, logError: true }; //$('#fps').html('<span style="float:left;">' + fps + 'FPS</span><br/><span style="float:left">' + window.info.data.os + '</span><br/><span style="float:left;margin top:1px;">' + window.info.data.browser + '</span><br/><span style="float:left;margin top:1px;">' + window.info.data.location + '</span><br/><span style="float:left;margin top:1px;"></span>'); }; step(); })(); } }); }; }); </script>

简介：今天给大家分享一个简单又炫酷的网站小工具 倒计时代码，挺适合网站做一些限时推广、限时会员、限时售东西等等。😜倒计时HTML+CSS+JS都放到一起了，如果觉得不妥，自己修改吧！😄 # 示例： .se kl{width:190px;height:275px;background color:#e83632;margin:auto;position:relative}.se cn{position:absolute;top:42px;left:0;width:100%;text align:center;font size:34px;color:#fff}.se en{position:absolute;top:90px;left:0;width:100%;text align:center;font size:20px;color:rgba(255,255,255,.5)}.se io{width:20px;height:33px;position:absolute;background:url(https://img.wiiuii.cn/img/seckill.png) no repeat;background position: 32.5px 0;background size:52.5px 40px;left:85px;top:126px;display:block}.se info{position:absolute;top:170px;text align:center;width:100%;font size:16px;color:#fff}.se count{position:absolute;top:212px;left:30px;height:40px}.se day{display:none}.se hour,.se min,.se sec{position:relative;background color:#2f3430;width:40px;height:40px;float:left;text align:center;line height:40px;margin right:5px}.se txt{font size:20px;font weight:700;color:#fff}.se txt:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background color:#e83632} 倒计时 COUNT DOWN 距离结束还剩 00 00 00 $(document).ready(function () { var oDate = new Date(); var nowTime = oDate.getTime(); //现在的毫秒数 oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天 var targetDate = new Date(oDate.toLocaleDateString()); run(targetDate); }); function run(enddate) { getDate(enddate); setInterval("getDate('" + enddate + "')", 500); } function getDate(enddate) { var oDate = new Date(); //获取日期对象 var nowTime = oDate.getTime(); //现在的毫秒数 var enddate = new Date(enddate); var targetTime = enddate.getTime(); // 截止时间的毫秒数 var second = Math.floor((targetTime nowTime) / 1000); //截止时间距离现在的秒数 var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天；一天有24*60*60=86400秒 ； second = second % 86400; //余数代表剩下的秒数； var hour = Math.floor(second / 3600); //整数部分代表小时； second %= 3600; //余数代表 剩下的秒数； var minute = Math.floor(second / 60); second %= 60; var spanH = $('.se txt')[0]; var spanM = $('.se txt')[1]; var spanS = $('.se txt')[2]; spanH.innerHTML = tow(hour); spanM.innerHTML = tow(minute); spanS.innerHTML = tow(second); } function tow(n) { return n >= 0 && n < 10 ? '0' + n : '' + n; } 代码部分 - 隐藏 -

简介：给自己的网站加一个复制弹窗（水印）代码如下 👇<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script> <script type="text/javascript"> /**复制自动添加版权声明*/ $(document).on("copy", function(e) { var selected = window.getSelection(); var selectedText = selected.toString().replace(/\n/g, "<br>"); var copyFooter = "<br> <br>著作权归作者所有。<br>" + "商业转载请联系作者获得授权，非商业转载请注明出处。<br>" + "作者：CC star<br> 源地址：" + document.location.href + "<br>来源：星鹿语<br>© 版权声明：本文为博主原创文章，转载请务必保留原文链接！"; if (document.location.pathname === "/") { var copyFooter = "<br> <br>" + "来源：星鹿语<br> 源地址：" + document.location.href + "<br>© 版权声明：商业转载请联系作者获得授权，非商业转载请注明出处。<br>"; } var msgContent = '<span style="font weight: 700;margin: 0 !important;">【星鹿语(tdcat.cn)】<br>复制成功，若要转载请务必保留原文链接</span>' + copyFooter; layer.msg(msgContent, { time: 2000, shift: 2, shade: 0.3, skin: "wiiuii layer mode" }); var copyHolder = $("<div>", { id: "temp", html: selectedText + copyFooter, style: { position: "absolute", left: " 99999px" } }); $("body").append(copyHolder); selected.selectAllChildren(copyHolder[0]); window.setTimeout(function() { copyHolder.remove(); }, 0); }); </script>