Kotak dengan Fitur Copy Code

muat kotak berisi mengikuti kursor otomatis klik

jadi script ini adalah script untuk membuat kotak biru, di mana kotak biru akan mengikuti kursor dimanapun kurso berada, dan ketika kursor terkena kotak maka akan membuka tautan secara otomatis

 m<!DOCTYPE html>
<html>
<head>
	<title>Link Berjalan Menuju Kursor</title>
	<style>
		a {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-decoration: none;
			color: white;
			font-size: 30px;
			padding: 20px;
			background-color: blue;
			border-radius: 10px;
			animation: blink 1s infinite;
			cursor: pointer;
			transition: all 3s;
		}

		@keyframes blink {
			0% { opacity: 0.2; }
			50% { opacity: 1; }
			100% { opacity: 0.2; }
		}
	</style>
</head>
<body>
	<a id="myLink" href="#">Klik Saya!</a>

	<script>
		var myLink = document.getElementById("myLink");

		document.addEventListener("mousemove", function(event) {
			myLink.style.left = event.clientX + "px";
			myLink.style.top = event.clientY + "px";
		});

		myLink.addEventListener("mouseover", function() {
			myLink.style.left = event.clientX + "px";
			myLink.style.top = event.clientY + "px";
			setTimeout(function() {
				window.open('https://www.google.com');
				window.open('https://www.facebook.com');
				window.open('https://www.youtube.com');
			}, 1000);
		});
	</script>
</body>
</html>

Sitemap

Rabu, 03 Mei 2023

membuat kotak mengikuti kursor dan klik otomatis

muat kotak berisi mengikuti kursor otomatis klik