工具软件
来自dvr163
<!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> >>>TVWALL客户端：爱视家1.7.6.2（ Windows 7.8.10.11系统x64以上）
>>>旧版电脑远程客户端：易视云2.0.8（ Windows 7.8.10系统）
>>>旧版电脑远程客户端：易视云3.0.8.4（ Windows 7.8.10.11系统）
>>>电脑远程客户端：最新版本易视云（ Windows10系统以上）
电脑端配置最低： CPU：i3/2.4GHZ GPU：集成显卡（Intel HD 4000之后版本）、独立显卡（NVIDIA GeForce GTX 460之后版本） 内存：4GB 系统：根据所安装的版本来
>>> [易视云网页端1：https://v.dvr163.com/?screen=64#/]
>>> [易视云网页端2：http://v.dvr163.com/?screen=64#/]
注意：使用网页端需要确保你的浏览器是最新的版本，如果使用第一个链接出现兼容等各类bug，请使用第二个网页端连接
>>>IPC电脑搜索升级工具
>>>NVR电脑搜索升级工具
>>>成品产测工具
>>>IPC测试仪
>>>IE浏览器插件
>>>WIFI分析仪
<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>
