2016-04-11 24 views
0

blast.js kullanıyorum ve fareyi öğenin üzerine getirdiğinizde ve öğenin dışına taşıdığınızda, hover efekti tetikleniyor. Normal bir vurgulu etkisi gibi davranmasını istiyorum.JQuery hover efekti neyin etkinleştiğini ve kapatılmasını nasıl engeller

$('h1').hover(function(){ 
    //code here 
}, function(){ 
    //code here 
}); 

ama iki defa meydana gelmesini önlemek için, blast.js kullanırken ikinci işlevinde koymak ne emin değilim: Ben vurgulu etkisi genellikle gibi ayarlanır biliyoruz.

Bir kellem var, ama kemanın nasıl patlatılacağını bilmiyorum.

DEMO

$(function() { 

    $('h1').hover(function() { 
    // Blasts the title 
    var chars = $('h1').blast({ 
     delimiter: 'word' 
    }); 
    // Animation character per character 
    chars.each(function(i) { 
     // Initialization of the position 
     $(this).css({ 
     position: 'relative', 
     left: 0 
     }).delay(i * 45).animate({ 
     left: '50px' 
     }, 300).delay(200).animate({ 
     left: 0 
     }, 300); 
    }); 
    }); 
}); 
+1

Öğeyi yalnızca fare ile girdiğinizde olmasını ister misiniz? Eğer öyleyse, '.hover' yerine' .mouseenter' kullanmak isteyebilirsiniz. Bu bağlamda, sadece bir geri arama fonksiyonuna ihtiyacınız olacaktır. – litel

+0

JSfiddle'de harici komut dosyaları için tam nitelikli URL'yi eklemeniz gerekir. –

+0

teşekkürler mouseenter çalışıyor – Shniper

cevap

3

ne zaman için nesne ve .mouseout() imleç nesneyi bırakır.

Bunlar, HTML olaylarına dayalı JQuery işlevleridir. mouseenter ve mouseleave gibi başka etkinlikler de vardır, bunları W3Schools içinde bulabilirsiniz.

0

Sen işlevine param eklemek gerekir:

$('h1').hover(function(e) { ... }); 

ve vücudun içine çağırır: Sen imleç girdiğinde için .mouseover() kullanabilirsiniz

e.preventDefault();