|
|
| 第1行： |
第1行： |
| − | <!DOCTYPE html>
| |
| − | <html lang="zh-CN">
| |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <title>易视云 - 互动特效</title>
| |
| − | <style>
| |
| − | body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | font-family: 'Microsoft YaHei', Arial, sans-serif;
| |
| − | background-color: #f0f2f5;
| |
| − | overflow-x: hidden;
| |
| − | }
| |
| − |
| |
| − | /* 保持原有内容样式 */
| |
| − | .content {
| |
| − | max-width: 1200px;
| |
| − | margin: 0 auto;
| |
| − | padding: 20px;
| |
| − | line-height: 1.6;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | color: #0066cc;
| |
| − | text-align: center;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − | .download-item {
| |
| − | background: white;
| |
| − | border-radius: 8px;
| |
| − | padding: 15px;
| |
| − | margin-bottom: 15px;
| |
| − | box-shadow: 0 2px 10px rgba(0,0,0,0.05);
| |
| − | border-left: 4px solid #0066cc;
| |
| − | }
| |
| − |
| |
| − | .download-item h3 {
| |
| − | color: #0066cc;
| |
| − | margin-top: 0;
| |
| − | }
| |
| − |
| |
| − | .download-item a {
| |
| − | color: #0066cc;
| |
| − | text-decoration: none;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .download-item a:hover {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .note {
| |
| − | background: #e6f7ff;
| |
| − | border-left: 4px solid #1890ff;
| |
| − | padding: 15px;
| |
| − | border-radius: 0 4px 4px 0;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − |
| |
| − | /* 特效粒子容器 */
| |
| − | #particles-container {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | pointer-events: none;
| |
| − | z-index: 9999;
| |
| − | }
| |
| − |
| |
| − | /* 保持原有内容样式 */
| |
| − | .footer {
| |
| − | text-align: center;
| |
| − | margin-top: 40px;
| |
| − | color: #666;
| |
| − | font-size: 14px;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| | <span style="font-size:large;"><span style="color:#000080;">>>></span><u>[https://jdownload.oss-cn-qingdao.aliyuncs.com/%E8%BD%AF%E4%BB%B6/%E7%88%B1%E8%A7%86%E5%AE%B6/%E7%88%B1%E8%A7%86%E5%AE%B6%E8%A7%86%E9%A2%91%E7%9B%91%E6%8E%A7%E5%B9%B3%E5%8F%B0%E5%AE%89%E8%A3%85-1.7.6.2.exe TVWALL客户端：爱视家1.7.6.2（ Windows 7.8.10.11系统x64以上）]</u></span> | | <span style="font-size:large;"><span style="color:#000080;">>>></span><u>[https://jdownload.oss-cn-qingdao.aliyuncs.com/%E8%BD%AF%E4%BB%B6/%E7%88%B1%E8%A7%86%E5%AE%B6/%E7%88%B1%E8%A7%86%E5%AE%B6%E8%A7%86%E9%A2%91%E7%9B%91%E6%8E%A7%E5%B9%B3%E5%8F%B0%E5%AE%89%E8%A3%85-1.7.6.2.exe TVWALL客户端：爱视家1.7.6.2（ Windows 7.8.10.11系统x64以上）]</u></span> |
| | | | |
| 第120行： |
第38行： |
| | | | |
| | <span style="font-size:large;"><span style="color:#000080;">>>></span><u>[http://download.dvr163.com/tool/WiFi%E5%88%86%E6%9E%90%E4%BB%AA2.3-1.rar WIFI分析仪]</u></span> | | <span style="font-size:large;"><span style="color:#000080;">>>></span><u>[http://download.dvr163.com/tool/WiFi%E5%88%86%E6%9E%90%E4%BB%AA2.3-1.rar WIFI分析仪]</u></span> |
| − |
| |
| − | <div id="particles-container"></div>
| |
| − | <script>
| |
| − | // 初始化粒子特效
| |
| − | document.addEventListener('DOMContentLoaded', function() {
| |
| − | const container = document.getElementById('particles-container');
| |
| − | const canvas = document.createElement('canvas');
| |
| − | container.appendChild(canvas);
| |
| − |
| |
| − | // 设置Canvas尺寸
| |
| − | canvas.width = window.innerWidth;
| |
| − | canvas.height = window.innerHeight;
| |
| − |
| |
| − | const ctx = canvas.getContext('2d');
| |
| − |
| |
| − | // 鼠标位置
| |
| − | let mouseX = canvas.width / 2;
| |
| − | let mouseY = canvas.height / 2;
| |
| − |
| |
| − | // 鼠标移动速度
| |
| − | let lastMouseX = mouseX;
| |
| − | let lastMouseY = mouseY;
| |
| − | let mouseSpeed = 0;
| |
| − |
| |
| − | // 粒子数组
| |
| − | const particles = [];
| |
| − | const particleCount = 100;
| |
| − |
| |
| − | // 创建粒子
| |
| − | for (let i = 0; i < particleCount; i++) {
| |
| − | particles.push({
| |
| − | x: Math.random() * canvas.width,
| |
| − | y: Math.random() * canvas.height,
| |
| − | size: Math.random() * 4 + 2,
| |
| − | speedX: (Math.random() - 0.5) * 0.5,
| |
| − | speedY: (Math.random() - 0.5) * 0.5,
| |
| − | color: `hsl(${Math.random() * 360}, 70%, 50%)`
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | // 更新鼠标位置
| |
| − | document.addEventListener('mousemove', (e) => {
| |
| − | mouseX = e.clientX;
| |
| − | mouseY = e.clientY;
| |
| − | mouseSpeed = Math.sqrt(
| |
| − | Math.pow(mouseX - lastMouseX, 2) +
| |
| − | Math.pow(mouseY - lastMouseY, 2)
| |
| − | );
| |
| − | lastMouseX = mouseX;
| |
| − | lastMouseY = mouseY;
| |
| − | });
| |
| − |
| |
| − | // 动画循环
| |
| − | function animate() {
| |
| − | // 清除画布
| |
| − | ctx.clearRect(0, 0, canvas.width, canvas.height);
| |
| − |
| |
| − | // 更新粒子
| |
| − | particles.forEach(particle => {
| |
| − | // 计算与鼠标距离
| |
| − | const dx = mouseX - particle.x;
| |
| − | const dy = mouseY - particle.y;
| |
| − | const distance = Math.sqrt(dx * dx + dy * dy);
| |
| − |
| |
| − | // 吸附效果
| |
| − | if (distance < 150) {
| |
| − | // 根据鼠标移动速度调整吸引力
| |
| − | const attraction = 0.02 - (mouseSpeed * 0.001);
| |
| − | particle.speedX += dx * attraction;
| |
| − | particle.speedY += dy * attraction;
| |
| − | }
| |
| − |
| |
| − | // 速度衰减
| |
| − | particle.speedX *= 0.95;
| |
| − | particle.speedY *= 0.95;
| |
| − |
| |
| − | // 更新位置
| |
| − | particle.x += particle.speedX;
| |
| − | particle.y += particle.speedY;
| |
| − |
| |
| − | // 边界处理
| |
| − | if (particle.x < 0 || particle.x > canvas.width) {
| |
| − | particle.speedX *= -1;
| |
| − | }
| |
| − | if (particle.y < 0 || particle.y > canvas.height) {
| |
| − | particle.speedY *= -1;
| |
| − | }
| |
| − |
| |
| − | // 绘制菱形
| |
| − | ctx.beginPath();
| |
| − | ctx.moveTo(particle.x, particle.y - particle.size);
| |
| − | ctx.lineTo(particle.x + particle.size, particle.y);
| |
| − | ctx.lineTo(particle.x, particle.y + particle.size);
| |
| − | ctx.lineTo(particle.x - particle.size, particle.y);
| |
| − | ctx.closePath();
| |
| − |
| |
| − | // 设置颜色
| |
| − | ctx.fillStyle = particle.color;
| |
| − | ctx.fill();
| |
| − | });
| |
| − |
| |
| − | requestAnimationFrame(animate);
| |
| − | }
| |
| − |
| |
| − | // 窗口大小变化时更新Canvas
| |
| − | window.addEventListener('resize', () => {
| |
| − | canvas.width = window.innerWidth;
| |
| − | canvas.height = window.innerHeight;
| |
| − | });
| |
| − |
| |
| − | // 开始动画
| |
| − | animate();
| |
| − | });
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
电脑端配置最低：
CPU：i3/2.4GHZ
GPU：集成显卡（Intel HD 4000之后版本）、独立显卡（NVIDIA GeForce GTX 460之后版本）
内存：4GB
系统：根据所安装的版本来
