搜索到
51
篇与
程序代码
的结果
-
Javascript代码获取QQ群所有人QQ号代码 前言这个方法的原理是用js代码获取html元素里的内容，因为内容都是QQ号，获取完之后代码会自动返回获取的所有QQ号。使用说明打开浏览器，访问网址: https://qun.qq.com/member.html登录你的QQ号，登录完之后，选择你要获取QQ号的群。选择好之后，按下键盘上的 " F12建 "，这时候正常的浏览器会自动打开，开发者工具，选择开发者工具上的Consle(控制台)。获取QQ群成员QQ号JS代码var qq_sl=document.getElementById("groupMemberNum"); var qq_js=Math.trunc(qq_sl.innerHTML/21); var qq_number=0; window.scrollTo(0,document.body.scrollHeight); var qq_ds=setInterval(function(){ window.scrollTo(0,document.body.scrollHeight); qq_number++; console.log("正在加载所有页面："+qq_number+"/"+qq_js); if(qq_js<=qq_number){ clearInterval(qq_ds); console.log("加载完毕，正在获取页面所有QQ号码..."); var classan =document.getElementsByClassName("mb"); var number= classan.length; for(nr=0; nr< number ; nr++){ var class_qq=classan[nr].getAttribute("class"); var qq=qq+"\n"+class_qq.substring(5); } console.log(qq); } },500);然后把代码粘贴在上面之后，按下回车建，它就会自动给你获取这个群里的所有QQ号了，然后直接手动复制一下粘贴到TXT文本或者其他地方都是可以的。
一段Javascript代码QQ空间自动点赞代码 前言每逢节假日，总有朋友同学发说说，求关注，自己又没时间去点赞。现在让我们来在QQ空间控制台加上一段代码一段Javascript代码，让电脑自动为我们点赞。var x=5,y=10; function autoClick() { y=y+5; var zan=document.getElementsByClassName('item qz_like_btn_v3'); for(var i=0;i<zan.length;i++){ if(zan[i].attributes[6].value=='like'){ zan[i].firstChild.click(); } }; window.scrollBy(x,y); } window.setInterval(autoClick,2000);使用方法1：进入QQ空间2：复制代码3：按f12 进入控制台 也就是Consle(控制台)。4：粘贴 回车 就可以咯！如果嫌慢的话可以 修改这段代码window.setInterval(autoClick,2000);复制代码//2000代表两秒屏幕下滑5px；
利用JS给网站博客左上显示FPS帧数 做到这个很简单直接将以下代码加到博客底部就完工了$('body').before('<div id="fps" style="z-index:10000;position:fixed;top:3;left:3;font-weight:bold;"></div>'); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || 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){ console.log(fps+'FPS'); $('#fps').html(fps+'FPS'); }; step(); })();注意这是JavaScript代码需要加在 标签内{message type="error" content="出现运行报错可能是本站调用了jQuery调用即可或者自己懂代码的可以改一下"/}
网站头像添加一款呼吸光坏和旋转效果 以下代码写在CSS里面即可，此代码中的CSS选择器一定要和你网页头像的CSS选择器相符，边框颜色是动态的，头像也会旋转哦~/*头像呼吸光环和鼠标悬停旋转放大*/ .avatar{border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s;}.avatar:hover{transform: scale(1.15) rotate(720deg);}@keyframes light{0%{box-shadow: 0 0 4px #f00;} 25%{box-shadow: 0 0 16px #0f0;} 50%{box-shadow: 0 0 4px #00f;} 75%{box-shadow: 0 0 16px #0f0;} 100%{box-shadow: 0 0 4px #f00;}}
一款炫彩文字好看的滚动跑马灯 跑马灯在网站某些位置，用做广告、公告等，非常好看又实用把以下代码放到你想放的位置即可，大小、文字均可更改哦~<!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50%, #ff0000 56.25%, #ff7d00 62.5%, #ffff00 68.75%, #00ff00 75%, #00ffff 81.25%, #0000ff 87.5%, #ff00ff 93.75%, #ffff00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; animation: masked-animation 2s infinite linear;} @keyframes masked-animation{0%{background-position: 0 0;} 100%{background-position: -100%, 0;} } </style> <div style="background-color:#333;border-radius:25px;box-shadow:0px 0px 5px #f200ff;padding:5px;margin-bottom:0px;"> <marquee> <b id="nr">欢迎访问核客互动博客 blog.hackeus.cn</b> </marquee></div>
网站添加复制提示框信息 当我们去某个网站复制内容的时候，会显示一个复制提示框，提示内容格式各样，有的是暖心句子，有的是版权出处，看起来非常漂亮。马上把代码给大家!首先，把以下JS代码放到里面，文字可更改<script language="JavaScript" type="text/javascript"> document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});}; </script>然后，然后把下面代码放到前边即可<script src="https://lib.hackeus.cn/static/js/sweetalert.js"></script>
一款好看的站点关闭维护通知代码 样式图片： 下面代码也可以PHP或者Html<!DOCTYPE html> <html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>站点维护 -核客互动</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <style> body{height:100vh;margin:0;display:grid;place-items:center;background-color:#fafafa} .container{width:800px;height:480px;position:relative;top:15%} .container .lamp-holder{left:35%;top:-20%;width:30%;height:2px;background:#2d2d2d;position:absolute} .container .lamp-holder::after{left:calc(50% - 1px);top:0;width:2px;height:60px;background:#2d2d2d;position:absolute;content:""} .container .lamp{left:calc(50% - 26px);top:-10%;width:50px;height:25px;background:#ebebeb;position:absolute;z-index:3;border:1px solid #2d2d2d;border-radius:50px 50px 0 0} .container .lamp::after{left:calc(50% - 10px);top:26px;width:20px;height:10px;background:#ffd53d;position:absolute;content:"";border:1px solid #2d2d2d;border-radius:0 0 20px 20px;border-top:none} .container .light{left:50%;top:-10%;width:278px;height:229px;background:linear-gradient(#fff1bd,transparent);position:absolute;z-index:2;transform:translateX(-50%);clip-path:polygon(50% 0,0 100%,100% 100%)} .container .wall{left:22%;top:5%;width:70px;height:25px;background:#ebebeb;position:absolute;border-radius:2px;box-shadow:calc(75px * 1) 0 0 #d6d6d6,calc(75px * 2) 0 0 #ebebeb,calc(75px * 3) 0 0 #ebebeb,calc(75px * 4) 0 0 #d6d6d6,calc(75px * 5) 0 0 #ebebeb,calc(75px * 1 - 120px) 30px 0 #d6d6d6,calc(75px * 2 - 120px) 30px 0 #ebebeb,calc(75px * 3 - 120px) 30px 0 #ebebeb,calc(75px * 4 - 120px) 30px 0 #ebebeb,calc(75px * 5 - 120px) 30px 0 #d6d6d6,calc(75px * 6 - 120px) 30px 0 #ebebeb,calc(75px * 7 - 120px) 30px 0 #ebebeb,calc(75px * 1 - 70px) 60px 0 #d6d6d6,calc(75px * 2 - 70px) 60px 0 #ebebeb,calc(75px * 3 - 70px) 60px 0 #d6d6d6,calc(75px * 4 - 70px) 60px 0 #ebebeb,calc(75px * 5 - 70px) 60px 0 #ebebeb,calc(75px * 6 - 70px) 60px 0 #d6d6d6,calc(75px * 1 + 0px) 90px 0 #ebebeb,calc(75px * 2 + 0px) 90px 0 #ebebeb,calc(75px * 3 + 0px) 90px 0 #d6d6d6,calc(75px * 4 + 0px) 90px 0 #ebebeb} .container .desk{left:5%;top:initial;width:90%;height:5px;background:#2d2d2d;position:absolute;bottom:31.3%;margin:auto;border-radius:32px} .container .screen{left:50%;top:initial;width:22%;height:21%;background:#535353;position:absolute;transform:translateX(-50%);bottom:38%;border:4px solid #2d2d2d;border-radius:5px;display:flex} .container .screen::after{left:50%;top:initial;width:10%;height:27%;background:#fff;position:absolute;content:"";bottom:-31%;transform:translateX(-50%);border-right:2px solid #2d2d2d;border-left:2px solid #2d2d2d} .container .screen .sidebar{position:relative;width:15%;height:100%;background:#51586a} .container .screen .sidebar .h1{left:10%;top:5%;width:75%;height:3%;background:rgba(250,250,250,.7);position:absolute} .container .screen .sidebar .h2{left:10%;top:15%;width:65%;height:1%;background:#0ebeff;position:absolute;box-shadow:0 5px 0 0 rgba(250,250,250,.7),0 10px 0 0 rgba(250,250,250,.7),0 15px 0 0 rgba(250,250,250,.7),0 20px 0 0 rgba(250,250,250,.7),0 30px 0 0 #ffdd40,0 10px 0 0 rgba(250,250,250,.7),0 35px 0 0 rgba(250,250,250,.7),0 40px 0 0 rgba(250,250,250,.7),0 45px 0 0 rgba(250,250,250,.7),0 50px 0 0 rgba(250,250,250,.7),0 60px 0 0 #47cf73,0 65px 0 0 rgba(250,250,250,.7),0 70px 0 0 rgba(250,250,250,.7),0 75px 0 0 rgba(250,250,250,.7)} .container .screen .main{width:85%;height:100%;position:relative} .container .screen .main .search{left:5%;top:5%;width:85%;height:3%;background:rgba(45,45,45,.4);position:absolute} .container .screen .main .pen{border-radius:2px;cursor:pointer;transition:transform .2s ease-in-out} .container .screen .main .pen:hover{transform:scaleY(1.3)} .container .screen .main .pen1{left:15%;top:20%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen2{left:35%;top:20%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen3{left:55%;top:20%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen4{left:15%;top:40%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen5{left:35%;top:40%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen6{left:55%;top:40%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen7{left:15%;top:60%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen8{left:35%;top:60%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .screen .main .pen9{left:55%;top:60%;width:15%;height:14%;background:rgba(37,40,48,.6);position:absolute} .container .mouse{left:58%;top:initial;width:15px;height:7.5px;background:#ebebeb;position:absolute;bottom:32.3%;border:1px solid #2d2d2d;border-top-left-radius:15px;border-top-right-radius:15px} .container .mouse::after{left:calc(50% - .5px);top:0;width:1px;height:2px;background:#2d2d2d;position:absolute;content:""} .container .keyboard{left:40%;top:initial;width:40px;height:3px;background:#ebebeb;position:absolute;bottom:32.3%;border:1px solid #2d2d2d;border-top-left-radius:5px;border-top-right-radius:5px} .container .keyboard::after{left:15%;top:-2px;width:4px;height:2px;background:#2d2d2d;position:absolute;content:"";box-shadow:6px 0 0 #2d2d2d,12px 0 0 #2d2d2d,18px 0 0 #2d2d2d,24px 0 0 #2d2d2d} .container .cup{left:72%;top:initial;width:25px;height:30px;background:#3d8ab6;position:absolute;bottom:32.3%;border-radius:5px 5px 8px 8px;border:1px solid #2d2d2d} .container .cup::after{left:80%;top:calc(50% - 9px);width:15px;height:18px;background:#3d8ab6;position:absolute;content:"";box-sizing:border-box;border:1px solid #2d2d2d;border-radius:50%;z-index:-2} .container .cup::before{left:90%;top:calc(50% - 6.5px);width:10px;height:13px;background:#fafafa;position:absolute;content:"";box-sizing:border-box;border:1px solid #2d2d2d;border-radius:50%;z-index:-1} .container .cup .tea{left:4px;top:7px;width:7px;height:7px;background:#ebebeb;position:absolute;box-sizing:border-box;border-radius:1px;border:.5px solid #2d2d2d} .container .cup .tea::before{left:2.5px;top:-8px;width:1px;height:8px;background:#2d2d2d;position:absolute;content:"";box-sizing:border-box} .container .cup .steam{left:25%;top:-2px;width:2px;height:10px;background:#adadad;position:absolute;z-index:-1;box-shadow:5px -10px 0 #adadad,10px -5px 0 #adadad;animation:steam 3s infinite} .container .plant{left:20%;top:initial;width:35px;height:40px;background:#f8f4ad;position:absolute;bottom:32.3%;border:1px solid #2d2d2d;border-radius:0 0 12px 12px} .container .plant .leaf1{left:15%;top:-55%;width:9px;height:45px;background:#38b64c;position:absolute;border:1px solid #2d2d2d;border-radius:90% 70% 70% 70%;transform-origin:0 50%;z-index:-2;animation:wave-leaf1 1.5s infinite ease-in-out} .container .plant .leaf2{left:35%;top:-85%;width:9px;height:55px;background:#38b64c;position:absolute;border:1px solid #2d2d2d;border-radius:80% 60% 70% 70%;transform-origin:0 50%;z-index:-3;animation:wave-leaf2 1.7s infinite ease-in-out} .container .plant .leaf3{left:60%;top:-45%;width:9px;height:25px;background:#38b64c;position:absolute;border:1px solid #2d2d2d;border-radius:80% 75% 70% 70%;transform-origin:0 50%;z-index:-2;animation:wave-leaf3 2s infinite ease-in-out} @keyframes steam{0%{top:-2px;opacity:1} 100%{top:-25px;opacity:0} } @keyframes wave-leaf1{0%,100%{transform:rotateZ(-14deg)} 50%{transform:rotateZ(-16deg)} } @keyframes wave-leaf2{0%,100%{transform:rotateZ(5deg)} 50%{transform:rotateZ(2deg)} } @keyframes wave-leaf3{0%,100%{transform:rotateZ(8deg)} 50%{transform:rotateZ(13deg)} } .text{text-align:center;position:relative} </style> <div class="container"> <div class="lamp-holder"></div> <div class="lamp"></div> <div class="light"></div> <div class="wall"></div> <div class="desk"></div> <div class="screen"> <div class="sidebar"> <div class="h1"></div> <div class="h2"></div> </div> <div class="main"> <div class="search"></div> <div class="pen pen1"></div> <div class="pen pen2"></div> <div class="pen pen3"></div> <div class="pen pen4"></div> <div class="pen pen5"></div> <div class="pen pen6"></div> <div class="pen pen7"></div> <div class="pen pen8"></div> <div class="pen pen9"></div> </div> </div> <div class="mouse"></div> <div class="keyboard"></div> <div class="cup"> <div class="tea"></div> <div class="steam"></div> </div> <div class="plant"> <div class="leaf1"></div> <div class="leaf2"></div> <div class="leaf3"></div> </div> <div class="text"> <h3>闭站声明</h3> <p>本站在更新维护！请稍后访问</p> <p>官网地址：www.hackeus.cn</p> </div> </div> </body> </html>
