hover animate.css lib ile nasıl kullanılır?

-2

Tek sayfada bu gibi birçok öğe var. Belirli div.psrent bir kullanıcı vurgulu, ben jQuery ile div.child için yeni bir sınıf ekleyebilirsiniz zamanhover animate.css lib ile nasıl kullanılır?

<?php for($i=0;$i<100;$i++):?> 
    <div class="parent"> 
     <span class="child"></span> 
    </div> 
<?php endif;?>

Ben istiyorum. (yalnızca bu div.child, başka bir div.child değil) css'de bunun gibi bir şey

.parent:hover .child{...}

ben animate.css lib kullanmak istiyorum çünkü bunu istiyorum.

Vurgulu animasyonlu sınıf eklemek istiyorum.

kaynak

2016-04-06 elize

özel sorununu çözmek veya ihtiyacınız tam olarak ne vurgulamak için ek ayrıntılar ekleyin. Şu anda yazıldığı gibi, tam olarak ne sorduğunuzu söylemek zor. –

'$ ('. Child'). Hover (function() {$ (this) .addClass ('yourClass');}, function() {$ (this) .removeClass ('yourClass');});' ? –

Dene:

$("div.psrent").hover(function() { 
$(this).find("span").addClass('childClass').removeClass('oldClass');//If you want to change span class inside div 
$(this).addClass('childClass').removeClass('oldClass');//If you want to change div class .if you dont want to remove old class just skip removeClass 
});

Dont içine kodunuzu koymak unutmayın: JQuery doc here den() fonksiyonunu .hover kullanılan

$(document).ready(function() { 

});

kaynak

2016-04-06 12:09:15

. Dinamik liste öğelerini oluşturmak vermedi ama fikir aynıdır: fare "üst" elemanını girdiğinizde

"mavi" sınıfını eklemek Vurgulanan "üst" öğesini seçmek
Fare, 'u çıkardığında çıkarın.

$('.parent').hover(
 
    function() { 
 
    $(this).addClass('blue'); 
 
    }, 
 
    function() { 
 
    $(this).removeClass('blue'); 
 
    } 
 
);

.blue { 
 
    background-color: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<body> 
 
    <div class="parent"> 
 
    <span class="child">child1</span> 
 
    </div> 
 
    <div class="parent"> 
 
    <span class="child">child2</span> 
 
    </div> 
 
    <div class="parent"> 
 
    <span class="child">child2</span> 
 
    </div> 
 
</body>

kaynak

2016-04-06 12:52:21 Dylfaen

hover animate.css lib ile nasıl kullanılır?

cevap

İlgili konular