Elemanı, titreyen çözülmüş değil

1 Cevap php

Ben aşağıdaki kod ile bir PHP sayfası var:

echo "function createimg() { var img = new Image();  img.src='path/to/image';  img.alt='Next image';  img.id = 'span1'; img.style.zIndex = 10;  img.style.position = 'absolute';  img.style.display='none'; img.style.top = '130px';  img.style.padding='10px'; img.style.left='440px';    img.className ='dynamicSpan';   document.body.appendChild(img); return img; }";

fonksiyon createimg idam olsun zaman sayfa yükleri başka bir görüntü.

kodu: someotherimage.load(createimg);

Fare 'someotherimage' üzerinde süpürdü Bu oluşturulan görüntü gösterilir.

Bu titriyor! Ben diğer görüntünün içine gömmek değil! Dolayısıyla CSS sprite.

Ben yukarıdaki işlev oluşturulan bu görüntü olay işleyicileri eklemek için gibi olamaz gibi, bu titreyen soruna bir çözüm bulmak için görünmüyor olabilir, bu yüzden olay köpürme / fazlanmamaya bastırmak!

Biri bana lütfen yardımcı?

T

1 Cevap

I fare olayları çok sık olarak üretilen bu sorunu Hide görüntü ('someotherimage') olay yayılma olduğunu düşünüyorum. (Ekran = blok / hiçbiri ile değil anında) sorunsuz görünürlük değiştirmeyi deneyin.

O da teklifler mouseover, mouseout ve kolayca resim (ler) ekleyebilirsiniz mousemove fonksiyonu jQuery kullanmak en iyisidir.

jQuery örnek:

$(document).ready(function() {
    $('.image').mouseover(function(e) {
        // show your element
    }).mousemove(function(e) {
        // move your element according to cursor
    }).mouseout(function() {
        // hide your element
    });
});

Değişkenler e.pageX, e.pageY fare koordinatları içerir.

JQuery kullanmak istemiyorsanız, (bir seferde sadece 1 aşımını ekleyerek dikkatli olması) anında yerine changin görünürlük javascript aşımı eklemeyi deneyin.

örneğin:

setTimeout("hide(elementIdOrSo)", 100);

Benim cevap size yardımcı olmayacaktır, daha fazla ilgili kodu sağlar.

(Bu konu ile ilgili tamamen javascript gibi) Ayrıca, PHP etiketi lütfen çıkarın ve yerine uzun inline yankı çağrı bazı newlines oraya koydu.