Uzman Cevap beta aşamasından çıkmaya hazırlanıyor! Yenilikleri takipte kalın.

jquery

merhabalar.
jquery bilgim yok denecek kadar az

$(document).ready(function(){
   $("#ac").hover(function(){
     $(".center").css({
        "display":"block"
     });
   });
});


ile bir div açıyorum (idsi ac olan eleman bir liste elemanı)
ben başka bir liste elemanına geçerken yada bu divin üzerinden mouse kaldırdığımda tekrar divin gizlenmesini istiyorum
nasıl yapabilirim ?
şimdiden teşekkürler..
Cevaplar (5)
0

$("#ac").mouseout(function(){
$(".center").hide();
});
0
yorumunuz için teşekkürler ama sağlıklı çalışmıyor şöyle ki:
#ac ın üzerinden çıktığı gibi gizleniyor
ben .center üzerine geldiğinde tekrar görünmesini istiyorum.
mega menu yapıyorum.
0
yorumunuz için teşekkürler ama sağlıklı çalışmıyor şöyle ki:
#ac ın üzerinden çıktığı gibi gizleniyor
ben .center üzerine geldiğinde tekrar görünmesini istiyorum.
mega menu yapıyorum.
0
Bu iş için javascript kullanmana gerek yok. Ul li yapısını kullandığını varsayarak anlatıyorum.


<ul clas="mainmenu">
<li><a href="#">1. Menü</a>
<ul class="submenu">
<li><a href="#">1. Alt Menü</a></li>
</ul>
</li>
</ul>


Yapımızda ana menülerimiz birinci katmanda yer alırken alt menüler li altındaki ikinci ul etiketinde yer alıyor ve buna submenu classını atıyoruz. Şimdi tek yapmamız gereken biraz css yazmak.



.mainmenu li {
position: relative;
}

.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
}

.mainmenu li:hover .submenu {
display: block;
}


Js koduyla hiç uğraşmana gerek kalmadan çok basitçe bu şekilde yapabilirsin. Eğer görsel efektlerden faydalanmak istiyorsan display özelliği yerine visibility kullanabilirsin. display özelliği ile gizlenmil nesnelerde görsel efektler çalışmıyor çünkü en azından javascript ile gizlememişsen diyelim basitçe
0
Kardeş html yapını da görebilseydik keşke. Ona göre kod yazardık. Senin kodların biraz stabil kalmış.

Ama sana şurda basit bir örnek hazırladım:
//kodyum.com/editor/embed/0f961d10d4aa9f20dd45c61291d166c8
Cevap Yazın..

[code=css,php,sql,asp..]..kod..[/code] , [url=http:...com] , [img=resim linki]
[color=renk kodu]..yazı..[/color]

yabancı dizi izle tv ünitesi