MediaWiki:Citizen.js - 版本历史

2026年3月31日 (二) 15:17 OnlyOTO

2026-03-31T15:17:38Z

←上一版本		2026年3月31日 (二) 23:17的版本
第30行：		第30行：
	cursor: none !important;		cursor: none !important;
	}		}
			/* 防止输入框/按钮露馅，强制全局隐藏 */
	* {		* {
	cursor: none !important;		cursor: none !important;
	}		}

	~~@keyframes rotateLoop {~~		.magnetic-true-corner{
	~~from { transform: rotate(0deg); }~~		position:fixed;
	~~to { transform: rotate(360deg); }~~		left:0;top:0;
	}		width:0;height:0;
			pointer-events:none;
	.magnetic-true-corner{		z-index:999999!important;
	position:fixed;		}
	left:0;top:0;		.magnetic-true-corner i{
	width:0;height:0;		position:absolute;
	pointer-events:none;		width:14px;height:14px;
	z-index:999999!important;		border:2px solid #888e99;
	~~animation: rotateLoop 8s linear infinite; /* 转圈：8秒一圈，可改速度 */~~		background:transparent!important;
	}		box-shadow:none!important;
	.magnetic-true-corner i{		}
	position:absolute;		.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}
	width:14px;height:14px;		.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}
	border:2px solid #888e99;		.magnetic-true-corner i:nth-child(3){bottom:-2px;left:-2px;border-right:none;border-top:none;}
	background:transparent!important;		.magnetic-true-corner i:nth-child(4){bottom:-2px;right:-2px;border-left:none;border-top:none;}
	box-shadow:none!important;
	}
	.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}
	.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}
	.magnetic-true-corner i:nth-child(3){bottom:-2px;left:-2px;border-right:none;border-top:none;}
	.magnetic-true-corner i:nth-child(4){bottom:-2px;right:-2px;border-left:none;border-top:none;}
	`;		`;
	document.head.appendChild(css);		document.head.appendChild(css);

2026年3月31日 (二) 15:16 OnlyOTO

2026-03-31T15:16:54Z

←上一版本		2026年3月31日 (二) 23:16的版本
第3行：		第3行：
	const allowPages = [		const allowPages = [
	"首页",		"首页",
	"Main Page"		"Main Page",
			"你的自定义首页名字"
	];		];
	const currentPage = mw.config.get("wgTitle");		const currentPage = mw.config.get("wgTitle");


	if( !allowPages.includes(currentPage) ){		if( !allowPages.includes(currentPage) ){
第14行：		第16行：

	mw.loader.using( [], function() {		mw.loader.using( [], function() {
			// 创建四角光标
	const ptr = document.createElement('div');		const ptr = document.createElement('div');
	ptr.className = 'magnetic-true-corner';		ptr.className = 'magnetic-true-corner';
第19行：		第22行：
	document.body.appendChild(ptr);		document.body.appendChild(ptr);

			// 样式
	const css = document.createElement('style');		const css = document.createElement('style');
	css.textContent = `		css.textContent = `
	body~~, body~~ * { cursor: none !important; }
			/* 隐藏浏览器原生光标 */
			body {
			cursor: none !important;
			}
			* {
			cursor: none !important;
			}

			@keyframes rotateLoop {
			from { transform: rotate(0deg); }
			to { transform: rotate(360deg); }
			}

	.magnetic-true-corner{		.magnetic-true-corner{
第29行：		第45行：
	pointer-events:none;		pointer-events:none;
	z-index:999999!important;		z-index:999999!important;
	/* ~~暂时关掉旋转，保证能显示~~ */		animation: rotateLoop 8s linear infinite; /* 转圈：8秒一圈，可改速度 */
	}		}
	.magnetic-true-corner i{		.magnetic-true-corner i{
第47行：		第63行：
	let hoverEl = null;		let hoverEl = null;
	let mx = 0, my = 0;		let mx = 0, my = 0;
			// 光标缓冲坐标
	let smoothX = 0, smoothY = 0;		let smoothX = 0, smoothY = 0;
	let curW = 40, curH = 40;		let curW = 40, curH = 40;

			// 鼠标实时位置
	document.addEventListener('mousemove', e => {		document.addEventListener('mousemove', e => {
	mx = e.clientX;		mx = e.clientX;
第55行：		第73行：
	});		});

			// 顺滑帧磁吸缓冲
	function loop(){		function loop(){
	const ease = 0.15;		const ease = 0.15; // 磁吸顺滑度
	if(hoverEl){		if(hoverEl){
			// 吸附到元素中心 + 缓冲
	const r = hoverEl.getBoundingClientRect();		const r = hoverEl.getBoundingClientRect();
	const targetX = r.left + r.width / 2;		const targetX = r.left + r.width / 2;
第66行：		第86行：
	curH = r.height;		curH = r.height;

			// 四角框
	ptr.style.left = (smoothX - curW / 2) + 'px';		ptr.style.left = (smoothX - curW / 2) + 'px';
	ptr.style.top = (smoothY - curH / 2) + 'px';		ptr.style.top = (smoothY - curH / 2) + 'px';
第71行：		第92行：
	ptr.style.height = curH + 'px';		ptr.style.height = curH + 'px';
	}else{		}else{
			// 常态跟随鼠标
	curW = 40;		curW = 40;
	curH = 40;		curH = 40;
第77行：		第99行：

	ptr.style.left = (smoothX - 20) + 'px';		ptr.style.left = (smoothX - 20) + 'px';
	ptr.style.top = (my - 20) + 'px';		ptr.style.top = (smoothY - 20) + 'px';
	ptr.style.width = curW + 'px';		ptr.style.width = curW + 'px';
	ptr.style.height = curH + 'px';		ptr.style.height = curH + 'px';
第86行：		第108行：

	const sel = [		const sel = [
	'.citizen-nav a','.citizen-menu a','.citizen-button',		// 官方皮肤按钮
	'.citizen-action-button','.cdx-button','.mw-editsection a',		'.citizen-nav a',
	'#citizen-header__nav a','.citizen-sidebar a','._target',		'.citizen-menu a',
	'.commentstreams-button','.commentstreams-submit',		'.citizen-button',
	'.commentstreams-header button','.commentstreams-box button',		'.citizen-action-button',
	'.mw-ui-button','button','a[role="button"]'		'.cdx-button',
			'.mw-editsection a',
			'#citizen-header__nav a',
			'.citizen-sidebar a',

			// 自己加的 _target
			'._target',

			// Commentstreams扩展
			'.commentstreams-button',
			'.commentstreams-submit',
			'.commentstreams-header button',
			'.commentstreams-box button',

			// 常用
			'.mw-ui-button',
			'button',
			'a[role="button"]'
	].join(',');		].join(',');

第102行：		第141行：
	});		});
	}		}

	bind();		bind();
	new MutationObserver(bind).observe(document.body,{childList:true,subtree:true});		new MutationObserver(bind).observe(document.body,{childList:true,subtree:true});
	});		});
	})();		})();

2026年3月31日 (二) 15:15 OnlyOTO

2026-03-31T15:15:48Z

←上一版本		2026年3月31日 (二) 23:15的版本
第3行：		第3行：
	const allowPages = [		const allowPages = [
	"首页",		"首页",
	"Main Page",		"Main Page"
	~~"你的自定义首页名字~~"
	];		];
	const currentPage = mw.config.get("wgTitle");		const currentPage = mw.config.get("wgTitle");
第15行：		第14行：

	mw.loader.using( [], function() {		mw.loader.using( [], function() {
	~~// 创建四角光标~~
	const ptr = document.createElement('div');		const ptr = document.createElement('div');
	ptr.className = 'magnetic-true-corner';		ptr.className = 'magnetic-true-corner';
第21行：		第19行：
	document.body.appendChild(ptr);		document.body.appendChild(ptr);

	~~// 样式：旋转动画+悬停暂停+深银灰+隐藏原生光标~~
	const css = document.createElement('style');		const css = document.createElement('style');
	css.textContent = `		css.textContent = `
	~~/* 全局隐藏原生光标（仅白名单页面生效） */~~		body, body * { cursor: none !important; }
	body, body * {
	cursor: none !important;
	}

	~~/* 旋转关键帧 */~~
	~~@keyframes rotateLoop {~~
	~~from { transform: rotate(0deg); }~~
	~~to { transform: rotate(360deg); }~~
	}

	.magnetic-true-corner{		.magnetic-true-corner{
第41行：		第29行：
	pointer-events:none;		pointer-events:none;
	z-index:999999!important;		z-index:999999!important;
	/* ~~8秒匀速转圈，改数字调快慢~~ */		/* 暂时关掉旋转，保证能显示 */
	~~animation: rotateLoop 8s linear infinite;~~
	}
	~~/* 悬停按钮时暂停旋转 */~~
	~~.magnetic-true-corner.pause-rotate {~~
	~~animation-play-state: paused;~~
	}		}

	.magnetic-true-corner i{		.magnetic-true-corner i{
	position:absolute;		position:absolute;
第95行：		第77行：

	ptr.style.left = (smoothX - 20) + 'px';		ptr.style.left = (smoothX - 20) + 'px';
	ptr.style.top = (~~smoothY~~ - 20) + 'px';		ptr.style.top = (my - 20) + 'px';
	ptr.style.width = curW + 'px';		ptr.style.width = curW + 'px';
	ptr.style.height = curH + 'px';		ptr.style.height = curH + 'px';
第104行：		第86行：

	const sel = [		const sel = [
	'.citizen-nav a',		'.citizen-nav a','.citizen-menu a','.citizen-button',
	'.citizen-menu a',		'.citizen-action-button','.cdx-button','.mw-editsection a',
	'.citizen-button',		'#citizen-header__nav a','.citizen-sidebar a','._target',
	'.citizen-action-button',		'.commentstreams-button','.commentstreams-submit',
	'.cdx-button',		'.commentstreams-header button','.commentstreams-box button',
	'.mw-editsection a',		'.mw-ui-button','button','a[role="button"]'
	'#citizen-header__nav a',
	'.citizen-sidebar a',
	'._target',
	'.commentstreams-button',
	'.commentstreams-submit',
	'.commentstreams-header button',
	'.commentstreams-box button',
	'.mw-ui-button',
	'button',
	'a[role="button"]'
	].join(',');		].join(',');

第126行：		第98行：
	if(el._magBind)return;		if(el._magBind)return;
	el._magBind = 1;		el._magBind = 1;
	el.addEventListener('mouseenter', ()=> {		el.addEventListener('mouseenter', ()=> hoverEl = el);
	hoverEl = el;		el.addEventListener('mouseleave', ()=> hoverEl = null);
	~~ptr.classList.add('pause-rotate');~~
	});
	el.addEventListener('mouseleave', ()=> {
	~~hover ptr.classList.remove('pause-rotate');~~
	});
	});		});
	}		}

	bind();		bind();
	new MutationObserver(bind).observe(document.body,{childList:true,subtree:true});		new MutationObserver(bind).observe(document.body,{childList:true,subtree:true});
	});		});
	})();		})();

2026年3月31日 (二) 15:14 OnlyOTO

2026-03-31T15:14:09Z

←上一版本		2026年3月31日 (二) 23:14的版本
第7行：		第7行：
	];		];
	const currentPage = mw.config.get("wgTitle");		const currentPage = mw.config.get("wgTitle");


	if( !allowPages.includes(currentPage) ){		if( !allowPages.includes(currentPage) ){
第22行：		第21行：
	document.body.appendChild(ptr);		document.body.appendChild(ptr);

	// 样式		// 样式：旋转动画+悬停暂停+深银灰+隐藏原生光标
	const css = document.createElement('style');		const css = document.createElement('style');
	css.textContent = `		css.textContent = `
			/* 全局隐藏原生光标（仅白名单页面生效） */
	/* ~~隐藏浏览器原生光标~~ */		body, body * {
	body {
	~~cursor: none !important;~~
	}
	* {
	cursor: none !important;		cursor: none !important;
	}		}

			/* 旋转关键帧 */
	@keyframes rotateLoop {		@keyframes rotateLoop {
	from { transform: rotate(0deg); }		from { transform: rotate(0deg); }
第45行：		第41行：
	pointer-events:none;		pointer-events:none;
	z-index:999999!important;		z-index:999999!important;
	animation: rotateLoop 8s linear infinite; ~~/* 转圈：8秒一圈，可改速度 */~~		/* 8秒匀速转圈，改数字调快慢 */
			animation: rotateLoop 8s linear infinite;
	}		}
			/* 悬停按钮时暂停旋转 */
			.magnetic-true-corner.pause-rotate {
			animation-play-state: paused;
			}

	.magnetic-true-corner i{		.magnetic-true-corner i{
	position:absolute;		position:absolute;
第63行：		第65行：
	let hoverEl = null;		let hoverEl = null;
	let mx = 0, my = 0;		let mx = 0, my = 0;
	~~// 光标缓冲坐标~~
	let smoothX = 0, smoothY = 0;		let smoothX = 0, smoothY = 0;
	let curW = 40, curH = 40;		let curW = 40, curH = 40;

	~~// 鼠标实时位置~~
	document.addEventListener('mousemove', e => {		document.addEventListener('mousemove', e => {
	mx = e.clientX;		mx = e.clientX;
第73行：		第73行：
	});		});

	~~// 顺滑帧磁吸缓冲~~
	function loop(){		function loop(){
	const ease = 0.15; ~~// 磁吸顺滑度~~		const ease = 0.15;
	if(hoverEl){		if(hoverEl){
	~~// 吸附到元素中心 + 缓冲~~
	const r = hoverEl.getBoundingClientRect();		const r = hoverEl.getBoundingClientRect();
	const targetX = r.left + r.width / 2;		const targetX = r.left + r.width / 2;
第86行：		第84行：
	curH = r.height;		curH = r.height;

	~~// 四角框~~
	ptr.style.left = (smoothX - curW / 2) + 'px';		ptr.style.left = (smoothX - curW / 2) + 'px';
	ptr.style.top = (smoothY - curH / 2) + 'px';		ptr.style.top = (smoothY - curH / 2) + 'px';
第92行：		第89行：
	ptr.style.height = curH + 'px';		ptr.style.height = curH + 'px';
	}else{		}else{
	~~// 常态跟随鼠标~~
	curW = 40;		curW = 40;
	curH = 40;		curH = 40;
第108行：		第104行：

	const sel = [		const sel = [
	~~// 官方皮肤按钮~~
	'.citizen-nav a',		'.citizen-nav a',
	'.citizen-menu a',		'.citizen-menu a',
第117行：		第112行：
	'#citizen-header__nav a',		'#citizen-header__nav a',
	'.citizen-sidebar a',		'.citizen-sidebar a',

	~~// 自己加的 _target~~
	'._target',		'._target',

	~~// Commentstreams扩展~~
	'.commentstreams-button',		'.commentstreams-button',
	'.commentstreams-submit',		'.commentstreams-submit',
	'.commentstreams-header button',		'.commentstreams-header button',
	'.commentstreams-box button',		'.commentstreams-box button',

	~~// 常用~~
	'.mw-ui-button',		'.mw-ui-button',
	'button',		'button',
第137行：		第126行：
	if(el._magBind)return;		if(el._magBind)return;
	el._magBind = 1;		el._magBind = 1;
	el.addEventListener('mouseenter', ()=> hoverEl = el);		el.addEventListener('mouseenter', ()=> {
	el.addEventListener('mouseleave', ()=> ~~hoverEl = null~~);		hoverEl = el;
			ptr.classList.add('pause-rotate');
			});
			el.addEventListener('mouseleave', ()=> {
			hover ptr.classList.remove('pause-rotate');
			});
	});		});
	}		}

2026年3月31日 (二) 15:13 OnlyOTO

2026-03-31T15:13:02Z

←上一版本		2026年3月31日 (二) 23:13的版本
第30行：		第30行：
	cursor: none !important;		cursor: none !important;
	}		}
	~~/* 防止输入框/按钮露馅，强制全局隐藏 */~~
	* {		* {
	cursor: none !important;		cursor: none !important;
	}		}

	.magnetic-true-corner{		@keyframes rotateLoop {
	position:fixed;		from { transform: rotate(0deg); }
	left:0;top:0;		to { transform: rotate(360deg); }
	width:0;height:0;		}
	pointer-events:none;
	z-index:999999!important;		.magnetic-true-corner{
	}		position:fixed;
	.magnetic-true-corner i{		left:0;top:0;
	position:absolute;		width:0;height:0;
	width:14px;height:14px;		pointer-events:none;
	border:2px solid #888e99;		z-index:999999!important;
	background:transparent!important;		animation: rotateLoop 8s linear infinite; /* 转圈：8秒一圈，可改速度 */
	box-shadow:none!important;		}
	}		.magnetic-true-corner i{
	.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}		position:absolute;
	.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}		width:14px;height:14px;
	.magnetic-true-corner i:nth-child(3){bottom:-2px;left:-2px;border-right:none;border-top:none;}		border:2px solid #888e99;
	.magnetic-true-corner i:nth-child(4){bottom:-2px;right:-2px;border-left:none;border-top:none;}		background:transparent!important;
			box-shadow:none!important;
			}
			.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}
			.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}
			.magnetic-true-corner i:nth-child(3){bottom:-2px;left:-2px;border-right:none;border-top:none;}
			.magnetic-true-corner i:nth-child(4){bottom:-2px;right:-2px;border-left:none;border-top:none;}
	`;		`;
	document.head.appendChild(css);		document.head.appendChild(css);

2026年3月31日 (二) 08:26 OnlyOTO

2026-03-31T08:26:10Z

@@ 第25行： / 第25行： @@
      const css = document.createElement('style');
      css.textContent = `
      .magnetic-true-corner{
          position:fixed;

2026年3月31日 (二) 08:18 OnlyOTO

2026-03-31T08:18:16Z

@@ 第1行： / 第1行： @@
 (function() {
 if( window.magneticCursorInit ) return;
 window.magneticCursorInit = true;

2026年3月31日 (二) 08:16 OnlyOTO

2026-03-31T08:16:24Z

←上一版本		2026年3月31日 (二) 16:16的版本
第10行：		第10行：
	document.body.appendChild(ptr);		document.body.appendChild(ptr);

	// ~~样式：原版亮绿 + 纯拐角无方块~~		// 样式
	const css = document.createElement('style');		const css = document.createElement('style');
	css.textContent = `		css.textContent = `
第27行：		第27行：
	box-shadow:none!important;		box-shadow:none!important;
	}		}
	~~/* 只留拐角，镂空 */~~
	.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}		.magnetic-true-corner i:nth-child(1){top:-2px;left:-2px;border-right:none;border-bottom:none;}
	.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}		.magnetic-true-corner i:nth-child(2){top:-2px;right:-2px;border-left:none;border-bottom:none;}
第37行：		第36行：
	let hoverEl = null;		let hoverEl = null;
	let mx = 0, my = 0;		let mx = 0, my = 0;
	// ~~光标缓冲坐标（做顺滑移动）~~		// 光标缓冲坐标
	let smoothX = 0, smoothY = 0;		let smoothX = 0, smoothY = 0;
	let curW = 40, curH = 40;		let curW = 40, curH = 40;
第47行：		第46行：
	});		});

	// ~~顺滑帧动画：磁吸缓冲~~		// 顺滑帧磁吸缓冲
	function loop(){		function loop(){
	const ease = 0.15; // ~~磁吸顺滑度，越小越黏~~		const ease = 0.15; // 磁吸顺滑度
	if(hoverEl){		if(hoverEl){
	// 吸附到元素中心 + 缓冲		// 吸附到元素中心 + 缓冲
第60行：		第59行：
	curH = r.height;		curH = r.height;

	// ~~四角框精准包住按钮~~		// 四角框
	ptr.style.left = (smoothX - curW / 2) + 'px';		ptr.style.left = (smoothX - curW / 2) + 'px';
	ptr.style.top = (smoothY - curH / 2) + 'px';		ptr.style.top = (smoothY - curH / 2) + 'px';
第66行：		第65行：
	ptr.style.height = curH + 'px';		ptr.style.height = curH + 'px';
	}else{		}else{
	// ~~常态跟随鼠标，小光标顺滑移动~~		// 常态跟随鼠标
	curW = 40;		curW = 40;
	curH = 40;		curH = 40;
第81行：		第80行：
	loop();		loop();

	~~// Citizen 精准按钮选择器~~
	const sel = [		const sel = [
	// 官方皮肤按钮		// 官方皮肤按钮
第93行：		第91行：
	'.citizen-sidebar a',		'.citizen-sidebar a',

	// ~~✅ 你自己加的~~ _target ~~类（所有你想吸附的元素）~~		// 自己加的 _target
	'._target',		'._target',

	// ~~✅ Commentstreams 评论插件全按钮自动吸附~~		// Commentstreams扩展
	'.commentstreams-button',		'.commentstreams-button',
	'.commentstreams-submit',		'.commentstreams-submit',
第102行：		第100行：
	'.commentstreams-box button',		'.commentstreams-box button',

	// ~~✅ 常用插件通用按钮（全覆盖）~~		// 常用
	'.mw-ui-button',		'.mw-ui-button',
	'button',		'button',

2026年3月31日 (二) 08:14 OnlyOTO

2026-03-31T08:14:54Z

←上一版本		2026年3月31日 (二) 16:14的版本
第23行：		第23行：
	position:absolute;		position:absolute;
	width:14px;height:14px;		width:14px;height:14px;
	border:2px solid #~~c8cdd5~~;		border:2px solid #888e99;
	background:transparent!important;		background:transparent!important;
	box-shadow:none!important;		box-shadow:none!important;

2026年3月31日 (二) 08:13 OnlyOTO

2026-03-31T08:13:33Z

←上一版本		2026年3月31日 (二) 16:13的版本
第23行：		第23行：
	position:absolute;		position:absolute;
	width:14px;height:14px;		width:14px;height:14px;
	border:2px solid #~~17f700~~;		border:2px solid #c8cdd5;
	background:transparent!important;		background:transparent!important;
	box-shadow:none!important;		box-shadow:none!important;