Javascript Fareyi takip eden nesne yapımı

Java script ile fareyi takip eden bir nesne yapmak istiyorsanız bu kod  tam size göre

<!doctype html>
<html>
 
<head>
<meta charset="utf-8">
<title>Fareyi Takip Eden Kutu</title>
 
<style>
body{
background: #3C3741;
}
#kutu{
background: #FD5B03;
width: 200px;
height: 200px;
border-radius: 50%;
position: absolute;
}
</style>
</head>
 
<body>
<div id="kutu">
</div>
 
<script>
/*script etiketini body kapatma etiketinden hemen önce yazdım. 
hız ve nesnelerin yüklenmesi açısından kullanılan bir yöntemdir.*/
var kutu=document.getElementById("kutu");
kutu.style.position="absolute"; 
window.onmousemove=function(e){
kutu.style.left=e.clientX+"px";
kutu.style.top=e.clientY+"px";
//console.log(e.offsetX);
}
</script> 
</body>
 
</html>
  • width: 200px;
  • height: 200px;

farenin yanında cıkan turuncu kutunun yüksekligini width ve height degerlerini oynayarak düsürülebilir veya yükseltebilirsiniz.

background: #FD5B03; farenin yanında cıkan renk “FD5B03” burdaki kodları istediginiz renge gönüstürebilirsiniz.

Yazıyı Begendinizmi?

2 / 0

Bir cevap yazın 2

Your email address will not be published.


Said

Said

function(e) içindeki tanımsızın olaya nasıl dahil olduğunu öğrenmek isterdim.

admin

admin

inan bende bilmiyorum, bilen birisini bu sayfaa zor bulursun r10 yada wmaracı sayfalarını bi arastır