|
|
| 第1行： |
第1行： |
| /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | | /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ |
| // 检查当前页面是否为首页
| |
| if (mw.config.get('wgPageName') === '首页') {
| |
| // 在指定页面上运行的JavaScript代码
| |
| const rotatingDiv = document.getElementById('rotatingDiv');
| |
|
| |
| 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;
| |
|
| |
| // 根据鼠标位置计算旋转角度
| |
| const rotateX = -y / 10; // 负号用于反转方向
| |
| const rotateY = x / 10;
| |
|
| |
| // 应用3D旋转
| |
| rotatingDiv.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
| |
| });
| |
|
| |
| rotatingDiv.addEventListener('mouseleave', () => {
| |
| // 鼠标离开时恢复初始状态
| |
| rotatingDiv.style.transform = `rotateX(0deg) rotateY(0deg)`;
| |
| });
| |
| // 你可以在这里添加任何特定于页面的JS代码
| |
| }
| |
2024年10月28日 (一) 22:08的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */