jQuery ile Nesneleri Hareket Ettirelim

Bu konumuzda Javascript ile jQuery ve CSS kullanarak elimden geldiğince nesne hareket ettirme konusunu anlatacağım.Öncelikle vereceğim kodları anlamanız için az buçuk CSS ve jQuery’den anlamanız gerekli. Ümraniye escort bayan, Ataşehir escort Çok basit bir şeklini anlatacağım,biraz inceledikten ve araştırdıktan sonra bilmeyenlerde mantığını anlayabilecektir.

Konumuza dönelim ve “div” dediğimiz nesneleri oluşturalım :

<div id=”nesne” style=”position: absolute; width: 50px; height: 50px; top: 100px; left: 100px; background: #000;”></div>

Ve şimdide jQuery kütüphanesini çağıralım :

<script src=’jquery.js’></script>

Son olarak jQuery fonksiyonu ;

<script type=”text/javascript”>
var x = 100, y = 100;
$(document).ready(function(){
}).keydown(function(event)
{
var tus = new Array(37, 38, 39, 40);
var kod = (event.which) ? event.which : event.keyCode;

var tus = new Array(37, 38, 39, 40);
var kod = (event.which) ? event.which : event.keyCode;
if(kod == tus[0]){ if(x > 3) { x = x – 3; $(“#nesne”).css(“left”, x+”px”)}}
if(kod== tus[1]){ if(y > 3){ y = y – 3; $(“#nesne”).css(“top”, y+”px”);}}
if(kod== tus[2]){ x = x + 3; $(“#nesne”).css(“left”, x+”px”);}
if(kod== tus[3]){ y = y + 3; $(“#nesne”).css(“top”, y+”px”);}
});
/* Nazım Mert Bilgi – http://nazimmertbilgi.com */
</script>

Google'den Gelen Aramalar

  • https://yandex ru/clck/jsredir?from=yandex ru;search;web;;&text=&etext=1822 FfFTveU740PLu1reV6Q93dPzMddRzReyR-jEEljVfDp10zfvr5xfOJ6lnYjAMPRN 9f4a6c3bbc6da373ef8f90e4d304788ef5b8812a&uuid=&state=_BLhILn4SxNIvvL0W45KSic66uCIg23qh8iRG98qeIXme

Bu içeriklerde ilginizi çekebilir

3 yorum

  1. Başlıga bak gelen aramalara bak 😀
    en güzel kız odalu
    masa üstü kitaplık modelleri
    3 ranza modelleri ve fiyatları
    çift yataklı DOLAPLI GENÇ ODALARI
    takı dolabları