Elinize sağlık çok güzel bir çalışma olmuş. Ancak fazlalıklarını atmak adına children nesnesini seçerken tekrar class belirtmesse daha hızlı cevap verecektir.$ . ready(function { $ . hover( function , function ); }); Örnek; http://jsfiddle.net/ZkDmY/

güzel olmuş, jquery öğrenmeye başladım iyi oldu bu.

Merhabalar. Bu yazıda Jquery kullanarak nesnelere şeffaf belir / şeffaf yok ol efektinin nasıl verildiğini göstermeye çalışacağım. Öncelikle belirtmek isterim, bu yazı başlangıç seviyesinde - ne nerede gibi sorular sormanıza gerek kalmadan basitçe anlatım içerir. Örnek kodlar vereceğim için jquery hakkında bilgi sahibi olmadan da bu efekti kolay biçimde hayata geçireceğiz. Demo olarak benim kullandığım yan menüdeki "izlediklerim" ve "okuduklarım" kartlarını inceleyebilirsiniz. Farenizi bu kartların üzerine getirdiğinizde fade in ile ışık yanıyor, fareyi çektiğinizde ise fade out ile ışık sönüyor. Oldukça basit olan bu işlem için mutlaka değişiklik yapacağınız dosyaların yedeklerini alın. Efektlerimizin çalışabilmesi için jquery kütüphanemizin etiketinden önce çağırılması gerekiyor. Hali hazırda var ise bir sonraki aşamaya geçin, yok ise temanızın ana dizininde "js" adında bir klasör oluşturun ve buradan indirdiğiniz jquery kütüphanesini bu klasör içine atın. Daha sonra temanızda etiketinden önce olmak şartı ile ;<script></script>kodunu yapıştırın. Bu aşamada vereceğim kodu yine aynı şekilde çağırabilirsiniz ama ek sorgu yükü binmemesi için temaya gömmek daha iyi olacaktır.<script>$ . ready(function { $ . hover( function , function );});</script>Kodunu yine etiketinden önceye yapıştırıyoruz. Bu kod ile buton div'inin içerisinde butonefekt div'ine fade in ve fade out efekti atadık. Bu aşamadan sonra artık CSS ve PHP dökümü.. buton . butonefekt Burada önemli olan nokta CSS dökümünde. butonefekt div'i için belirlediğimiz "display:none" parametresi. Can alıcı nokta burası. Önce div'imizi saklayıp mouse over ile görünmesini sağlıyoruz. İşlemlerimiz bu kadar. Hayal gücünüzü katarak güzel işler çıkarabilirsiniz. Ayrı olarak demo incelemek isteyen arkadaşlar buraya buyursunlar. Demoya ait dosyaları indirip incelemek isterseniz buradan dosyaları indirebilirsiniz.