MediaWiki:Common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
// 检查当前页面是否为首页
if (mw.config.get('wgPageName') === '首页') {
    // 在指定页面上运行的JavaScript代码
	const rotatingDiv = document.getElementById('rotatingDiv');
	
	let currentX = 0;
	let currentY = 0;
	let currentZ = 0;
	
	rotatingDiv.addEventListener('mousemove', (event) => {
	  const rect = rotatingDiv.getBoundingClientRect();
	  const x = event.clientX - rect.left - rect.width / 2;
	  const y = event.clientY - rect.top - rect.height / 2;
	
	  // 计算目标角度并限制在±10度
	  const targetX = Math.max(-10, Math.min(10, -y / 20));
	  const targetY = Math.max(-10, Math.min(10, x / 20));
	  const targetZ = Math.max(-10, Math.min(10, (x - y) / 40)); // 简单添加Z轴效果
	
	  // 使用缓动算法逐步接近目标角度
	  currentX += (targetX - currentX) * 0.1;
	  currentY += (targetY - currentY) * 0.1;
	  currentZ += (targetZ - currentZ) * 0.1;
	
	  // 应用3D旋转
	  rotatingDiv.style.transform = `rotateX(${currentX}deg) rotateY(${currentY}deg) rotateZ(${currentZ}deg)`;
	});
	
	rotatingDiv.addEventListener('mouseleave', () => {
	  // 鼠标离开时恢复初始状态
	  currentX = 0;
	  currentY = 0;
	  currentZ = 0;
	  rotatingDiv.style.transform = `rotateX(0deg) rotateY(0deg) rotateZ(0deg)`;
	});
}