Jquery kullanarak rollover efekti

3 Cevap php

Eğer jquery kullanarak bir rollover efekti yapımında bana yardım eder misiniz, ben ne yapmak istiyorum birisi (örneğin görebiliyordu metin aşağı kaydırın ve kaybolur ve bir resim merkezine yukarıdan aşağı kayan menü öğeleri herhangi üzerine geldiğinizde olduğunu Bu etkisi burada panda aşağı yukarıdan resim slaytı görebilirsiniz ama metin) istediklerini hangi değil aşağı doğru kaydırın değil gibi.

Ben kolayca flaş kullanılarak yapılabilir biliyorum ama bu kötü bir uygulama olacak gibi ben flaş benim menü istemiyorum.

Bana ne söyleyebilirim benim menü HTML değiştirmeniz gerekiyor ve ne jquery fonksiyonları i kullanmalısınız.

Thanks So much for your help

P.S. Bu benim menü HTML ve burada benim menüsünü görebilirsiniz

<ul class="nav">

<li class="active first"><a href="#" class="home">Home</a></li>
<li><a href="#" class="news">News</a></li>
<li><a href="#" class="offers">Special offers</a></li>
<li><a href="#" class="private">Private label</a></li>
<li><a href="#" class="locations">Locations</a></li>
<li><a href="#" class="about">About us</a></li>
<li><a href="#" class="jobs">Jobs</a></li>
<li><a href="#" class="contact">Contact us</a></li>
<li><a href="#" class="mm">Multimedia</a></li>

</ul>

MENÜ:

alt text

3 Cevap

Bunun yerine sizin için yapıyor, ben aramaya başlamak için bazı yerlerde sunarız ..

http://css-tricks.com/examples/MenuFader/: İşte kolayca 'tıklayın' yerine 'rollover' kullanmak için modifiye edilebilir bir örnektir

Details on how the above example was put together (the tutorial): http://css-tricks.com/learning-jquery-fading-menu-replacing-content/

I found this tutorial by searching on Google for "jquery effects examples": http://www.google.com/search?hl=en&q=jquery+effects+examples&btnG=Google+Search&aq=f&oq= and clicking on the first and second links.

JQuery proje ile iyi şanslar.

Ayrıca bazı yararlı bilgi bulabilirsiniz here.

Öncelikle, gerçekten size çok daha kolay isteyen konum ne gerçekleştirerek yapacak gibi, bağımsız çapa etiketleri kimlikleri vermek isteyeceksiniz.

SlideDown () bakmak ve slideToggle () işlevleri, ve bu temelde mouseover olay daha sonra gizli divs kurma ve gerektirir, sizin metin ve dışarı gizli görüntü div slideToggle, ve mouseout üzerinde tersini yapardı.

İyi şanslar, jQuery ile çalışmak için eğlenceli bir çok şey var. Onunla oynamak ve havaya uçurmak ne görmek!

etiketler