mouseover problemi

18-06-2016, 00:36:10

	$(document).ready(function () {
    $(".gel").mouseover(function () 
      { $(".izle").css('visibility', 'visible'); }); 

    $(".gel").mouseout(function () 
      { $(".izle").css('visibility', 'hidden'); });
	});

bu şekilde bir kod var. mouse ile istenilen yere geldiğinde çıkmasını istiyorum. şöyle bir problem var ki bu tüm içerikler için gereçli oluyor. yani tüm postların hepsinde aynı şey açılıyor ve aynı şekilde kapanıyor. tek tek ele almıyor. bunu nasıl halledebilirim? bir de ilk etapta kapalı görünmüyor. sayfayı açtığınızda direkt görünür bir şekilde ayarlı sanırım. onu nasıl tam tersi yapabiliriz?

18-06-2016, 00:53:39

#2

moss218

$(document).ready(function () {
$(".izle").css('visibility', 'hidden');

 $(".gel").mouseover(function () 
   { $(this).children(".izle").css('visibility', 'visible'); }); 
 
 $(".gel").mouseout(function () 
   { $(this).children(".izle").css('visibility', 'hidden'); });
});

şeklinde deneyin, olmazsa html kodlarını da paylaşın

18-06-2016, 01:31:08

#3

Misafir

moss218 adlı üyeden alıntı: mesajı görüntüle

$(document).ready(function () {
$(".izle").hide(0);

 $(".gel").mouseover(function () 
   { $(this).children(".izle").css('visibility', 'visible'); }); 
 
 $(".gel").mouseout(function () 
   { $(this).children(".izle").css('visibility', 'hidden'); });
});

şeklinde deneyin, olmazsa html kodlarını da paylaşın

<div class="gel" style="position:relative">
<div class="resim"><img src="resim" /></div>
<div class="izle">sosyal paylaşım linleri</div>
</div>

böyle hocam. sosyal paylaşım linklerini bu şekilde üzerine gelince göstermek istiyorum.

18-06-2016, 01:37:07

#4

moss218

$(document).ready(function () {
$(".izle").hide(0);
 
 $(".gel").mouseover(function () 
   { $(this).children(".izle").show(); }); 
  
 $(".gel").mouseout(function () 
   { $(this).children(".izle").hide(); });
});

işinizi görür

18-06-2016, 02:04:37

#5

Misafir

moss218 adlı üyeden alıntı: mesajı görüntüle

$(document).ready(function () {
$(".izle").hide(0);
 
 $(".gel").mouseover(function () 
   { $(this).children(".izle").show(); }); 
  
 $(".gel").mouseout(function () 
   { $(this).children(".izle").hide(); });
});

işinizi görür

teşekkür ederim artıladım hocam.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 02:04:37 -->-> Daha önceki mesaj 02:00:25 --

hocam son olarak bunu bir anda değil atıyorum 2-3 saniye süreyle açması mümkün mü? yani üzerine gelince ağırdan alarak açılıyor ya çoğu yerde. o şekilde zor olur mu yapması?

18-06-2016, 02:31:54

#6

moss218

show() yerine fadeIn(2000)
hide() yerine fadeOut(2000)

şeklinde güncelleyebilirsiniz, 2000 kısmından süreyi değiştirebilirsiniz (2000: 2 saniye)

18-06-2016, 02:44:41

#7

Misafir

moss218 adlı üyeden alıntı: mesajı görüntüle

show() yerine fadeIn(2000)
hide() yerine fadeOut(2000)

şeklinde güncelleyebilirsiniz, 2000 kısmından süreyi değiştirebilirsiniz (2000: 2 saniye)

teşekkür ederim oldu ama izle classının üstüne gelince kayboluyo geri geliyo kayboluyo geri geliyor hocam. onu da çözebilirsek gerçekten çok memnun olurum. elinize sağlık.

18-06-2016, 03:59:04

#8