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ı
    10 yıl önce yazılmış
    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.