js模拟cad全屏线性焦点光标特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script>
	var horiz = document.getElementById('horiz'),
		vertical = document.getElementById('vertical'),
		middle = document.getElementById('middle'),
		moving = false;
	document.onmousemove = function (e) {
		var x = e.pageX,
			y = e.pageY;
		if (!moving) {
			horiz.classList.add('moving');
			vertical.classList.add('moving');
			middle.classList.add('moving');
			moving = true;
		}
		horiz.style.top = y - 1 + 'px';
		vertical.style.left = x - 1 + 'px';
		middle.style.left = x - 6 + 'px';
		middle.style.top = y - 6 + 'px';
	};
</script>