十字カーソルをつくれ

以下はJavaScriptを使って実装された十字カーソルです。HTMLファイルにJavaScriptを直接記述しています。

```html
<!DOCTYPE html>
<html>
	<head>
		<title>十字カーソル</title>
		<style>
			body {
				cursor: none;
			}
			.crosshair {
				position: absolute;
				width: 30px;
				height: 30px;
				border: 1px solid black;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			.vertical {
				height: 100%;
				margin-left: 14px;
				margin-right: 14px;
			}
			.horizontal {
				width: 100%;
				margin-top: 14px;
				margin-bottom: 14px;
			}
		</style>
		<script>
			document.addEventListener("mousemove", function(event) {
				var crosshair = document.getElementById("crosshair");
				var x = event.clientX;
				var y = event.clientY;
				
				crosshair.style.left = x + "px";
				crosshair.style.top = y + "px";
			});
		</script>
	</head>
	<body>
		<div id="crosshair" class="crosshair">
			<div class="vertical"></div>
			<div class="horizontal"></div>
		</div>
	</body>
</html>
```

ジョークとして、マウスを動かすと十字カーソルがまたがるという「懐かしい」機能を実装してみました。