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.



Benzer yazılar


2 Yorum var “Javascript Fareyi takip eden nesne yapımı

    bbbbbbbbbbbbbbbbbbbbbbbb

Bir cevap yazın