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

来源:https://www.sucaihuo.com/js/4737.html 2019-09-12 11:14浏览(31) 收藏

js模拟cad全屏线性焦点光标特效,一款鼠标光标效果。
js模拟cad全屏线性焦点光标特效
分类:其它特效 难易:初级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 2 下载资源 下载积分: 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>
标签: 鼠标光标
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

1 2