Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Tam ekran arkaplan ve mousemove olayında hareket

$(document).ready(function(){
    $("#bg").width($(window).width());
    $("#tester").width($(window).width());
    $("#tester").height($(window).height());
    

$("#tester").mousemove(function(x){
    var wH = $("#tester").height();
    var wW = $("#tester").width();
    var vOff = $("#tester").offset();
    var wT = vOff.top;
    var wL = vOff.left;
    var iH = $("#tester>img:first").height();
    var ypos = x.pageY-wT;
    var y = Math.round(ypos/wW*100);
    $("#tester>img").css("marginTop",-y);
})
})
$(window).resize(function(){
    $("#bg").width($(window).width());
    $("#tester").width($(window).width());
    $("#tester").height($(window).height());
});


Sayfa arkaplanını tam ekrana ayarlıyorum. Mouse üstünde olduğunda fazlalık olan aşağı doğru kaymasını istiyorum. Kırk farklı yolla denedim,
http://www.modecagroup.com/marks.php?page=marks&brand=1
şu sayfadaki olay gibi yapacağım ama bir türlü çözemedim.
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • theylmz adlı üyenin fotoğrafı
    12 yıl önce yazılmış
    theylmz
    1 cevap - 3 soru 
        $el = $("#tester>img:first");
       $("#tester").mousemove(function(e){
       var elH = $el.height();
       var viH = $(this).height();
       var ratio = elH/viH;
       var yPos = (ratio*e.pageY)-viH;
       if(yPos>0){
           $el.css('marginTop',-yPos);
       }
       var elW = $el.width();
       var viW = $(this).width();
       var ratioW = elW/viW;
       var xPos = (ratioW*e.pageX)-viW;
       if(xPos>0){
           $el.css('marginLeft',-xPos);
       }
       
      
      });


    Yukarıdaki şekilde sorunum çözüldü. Teşekkürler.