鼠标点击出现爱心特效 <script> //鼠标点击出现爱心特效 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback){ setTimeout(callback,1000/60); } })(); init(); function init(){ css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top: -5px;}.heart:before{left: -5px;}"); attachEvent(); gameloop(); } function gameloop(){ for(var i=0;i<hearts.length;i++){ if(hearts[i].alpha <=0){ document.body.removeChild(hearts[i].el); hearts.splice(i,1); continue; } hearts[i].y--; hearts[i].scale += 0.004; hearts[i].alpha -= 0.013; hearts[i].el.style.cssText = "left:"+hearts[i].x+"px;top:"+hearts[i].y+"px;opacity:"+hearts[i].alpha+";transform:scale("+hearts[i].scale+","+hearts[i].scale+") rotate(45deg);background:"+hearts[i].color; } requestAnimationFrame(gameloop); } function attachEvent(){ var old = typeof window.onclick==="function" && window.onclick; window.onclick = function(event){ old && old(); createHeart(event); } } function createHeart(event){ var d = document.createElement("div"); d.className = "heart"; hearts.push({ el : d, x : event.clientX - 5, y : event.clientY - 5, scale : 1, alpha : 1, color : randomColor() }); document.body.appendChild(d); } function css(css){ var style = document.createElement("style"); style.type="text/css"; try{ style.appendChild(document.createTextNode(css)); }catch(ex){ style.styleSheet.cssText = css; } document.getElementsByTagName('head')[0].appendChild(style); } function randomColor(){ return "rgb("+(~~(Math.random()*255))+","+(~~(Math.random()*255))+","+(~~(Math.random()*255))+")"; } })(window,document); </script>

博客添加实时显示FPS帧率代码 网页上实时显示 FPS（每秒帧数）帧率，不知道有什么用，可能好的电脑才能看出区别吧。<script> jQuery(document).ready(function($){ $('body').before('<div id="fps" style="position: fixed;right: 20px;color: #fff;line-height: 1;z-index:10000;padding: 5px 8px;"></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(); })(); }); </script>

简单统计今天、本月和总访问量php代码 编写一个名为 stat.php 的文件，编写如下代码：<?php // 今天、本月和总访问量 function stats() { $visits = []; $now = time(); // 统计今天访问量 $today = strtotime(date('Y-m-d', $now)); $visits['today'] = file_exists('stat.txt') ? file_get_contents('stat.txt') : 0; $visits['today'] += 1; file_put_contents('stat.txt', $visits['today']); // 统计本月访问量 $month = strtotime(date('Y-m', $now)); $visits['month'] = file_exists('month_stat.txt') ? file_get_contents('month_stat.txt') : 0; $visits['month'] += 1; file_put_contents('month_stat.txt', $visits['month']); // 统计总访问量 $visits['all'] = file_exists('all_stat.txt') ? file_get_contents('all_stat.txt') : 0; $visits['all'] += 1; file_put_contents('all_stat.txt', $visits['all']); return $visits; } // 输出统计结果 $visits = stats(); echo "今天访问量：" . $visits['today'] . "次<br>"; echo "本月访问量：" . $visits['month'] . "次<br>"; echo "总访问量：" . $visits['all'] . "次<br>"; ?>访问 stat.php 文件，您将看到今天、本月和总访问量的统计结果。当有多个用户同时访问时，访问量会自动累加。若要清除访问量记录，只需删除 stat.txt、month_stat.txt 和 all_stat.txt 文件即可。这个示例仅统计了今天、本月和总访问量，并未实现实时统计。如需实时展示访问量，您可以结合 PHP 缓存技术或其他实时统计方法。同时，为了保证数据安全，请确保文件权限设置合适，并使用 PHP 的文件操作函数。

前端api接口随机图片 樱花：https://www.dmoe.cc/random.php夏沫博客：https://cdn.seovx.com/?mom=302https://cdn.seovx.com/d/?mom=302https://cdn.seovx.com/ha/?mom=302搏天api：https://api.btstu.cn/sjbz/api.php姬长信API：----每日bing：https://api.isoyu.com/bing_images.php----美女图片壁纸：https://api.isoyu.com/mm_images.php----网红专栏壁纸：https://api.isoyu.com/beibei_images.php----动态IP签名图片：https://api.isoyu.com/ip_images.php?signature=早安----ARU(阿鲁)表情包：https://api.isoyu.com/ARU_GIF_S.php樱道：https://api.r10086.com/动漫综合1.php （网站中有更多api接口）保罗｜API：https://api.paugram.com/wallpaper/墨天逸：https://api.mtyqx.cn/tapi/random.phpEEE.DOG：https://api.yimian.xyz/img岁月小筑：https://img.xjh.me/random_img.php东方Project：https://img.paulzzh.tech/touhou/randomxyg随即图：https://api.likepoems.com/星港随机图片API:https://xg.x-xh.cn/?p=251（网站中有更多api接口）2、api网站整合2.1 樱花网址：https://www.dmoe.cc/2.2 晓晴博客网址：https://www.toubiec.cn/318.html源码项目地址：https://www.toubiec.cn/99.html2.3 Unsplash Image API官方网址：https://source.unsplash.com/API地址：https://source.unsplash.com/random简单的嵌入Unsplash图片，可以登录Unsplash账号设置，也可以自定义筛选接口的图片类型2.4 夏沫博客网址：https://cdn.seovx.com/在线古风美图二次元API接口2.5 搏天api网址：https://api.btstu.cn/doc/sjbz.php随机输出各类壁纸2.6 姬长信API网址：https://api.isoyu.com/姬长信API For Docker 一个基于多种编程语言开源免费不限制提供生活常用,出行服务,开发工具,金融服务,通讯服务和公益大数据的平台.2.7 樱道网址：https://img.r10086.com/2.8 小歪API网址：https://api.ixiaowai.cn/2.9 保罗｜API网址：https://api.paugram.com/help/wallpaper生成适合 Single 主题的白底动漫壁纸2.10 墨天逸网址：https://api.mtyqx.cn/2.11 EEE.DOG网址：https://www.eee.dog/tech/rand-pic-api.html本API基于华为云对象存储，使用华为CDN云加速，全球平均下载速度达10MB/s。API中已收录1100+张二次元图片，20+张Bing壁纸(每日自动抓取)，150+张二次元头像，10+张图床上传图片。2.12 岁月小筑网址：https://img.xjh.me/2.13 东方Project网址：https://img.paulzzh.tech/2.14 xyg随即图（本站）网址：https://api.likepoems.com/2.15 星港随机图片API网址：https://xg.x-xh.cn/?p=251

随机小姐姐短视频引流源码 一、简介本模板是一款简洁而美观的HTML页面，专为个人引流而设计。二、使用步骤将本HTML源码复制后，在主机空间或服务器内根目录创建一个index.html打开index.html文件进行编辑。根据个人需求，修改页面中的内容、样式、文本信息等。三、功能特点简洁美观，页面设计简洁源码<html> <head> <meta charset="UTF-8"> <style> #switch,#next1{ background: #7F9CCC; color:#fff; line-height:40px; text-align:center; width:100px; border:none; margin:0 6px; border-radius:6px; font-weight:bold; } </style> </head> <body> <section id="main"> <video id="player" src="https://dwz.mk/MVZVjy" controls="controls" width="100%" height="500px"></video> </section> <div style="text-align: center;"> <section id="buttons"> <button id="switch">连续: 开</button><button id="next1">换一个</button> </section> </div> <script> (function (window, document) { if (top != self) { window.top.location.replace(self.location.href); } var get = function (id) { return document.getElementById(id); } var bind = function (element, event, callback) { return element.addEventListener(event, callback); } var auto = true; var player = get('player'); var randomm = function () { player.src = 'http://v.nrzj.vip/video.php?_t=' + Math.random(); player.play(); } bind(get('next1'), 'click', randomm); bind(player, 'error', function () { randomm(); }); bind(get('switch'), 'click', function () { auto = !auto; this.innerText = '连续: ' + (auto ? '开' : '关'); }); bind(player, 'ended', function () { if (auto) randomm(); }); })(window, document);</script> <script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script> </body> </html>效果如下：switch,#next1{background: #7F9CCC;color:#fff;line-height:40px;text-align:center;width:100px;border:none;margin:0 6px;border-radius:6px;font-weight:bold;} 连续: 开换一个 (function (window, document) { if (top != self) { window.top.location.replace(self.location.href); } var get = function (id) { return document.getElementById(id); } var bind = function (element, event, callback) { return element.addEventListener(event, callback); } var auto = true; var player = get('player'); var randomm = function () { player.src = 'http://v.nrzj.vip/video.php?_t=' + Math.random(); player.play(); } bind(get('next1'), 'click', randomm); bind(player, 'error', function () { randomm(); }); bind(get('switch'), 'click', function () { auto = !auto; this.innerText = '连续: ' + (auto ? '开' : '关'); }); bind(player, 'ended', function () { if (auto) randomm(); }); })(window, document);var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();