lostyazilim
tr.link

Jquery ile üzerine gelince açılan div nasıl yapılır?

9 Mesajlar 3.544 Okunma
acebozum
tr.link

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
Merhabalar,

Jquery ile üzerine gelince açılan div nasıl yapılır?


Normal tıklayınca açılan olanı yaptım fakat diğerini yapamadım nasıl olacak?
 

 

Herkez hata yapabilir, pardon herkes. | ibocum.com
wmaraci
reklam

27207 27207 WM Aracı Anonim Üyelik
  • Üyelik 02.01.2014
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1852
  • Beğeniler 346 / 707
  • Ticaret 5, (%100)
https://api.jquery.com/hover/

Detayları burada var oldukça kolay.
 

 

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
PHPacemisi hocam bana basit lazım yeni öğrendiğim için buradan kodları tam seçemiyorum. yardımcı olur musunuz?
 

 

Herkez hata yapabilir, pardon herkes. | ibocum.com

27207 27207 WM Aracı Anonim Üyelik
  • Üyelik 02.01.2014
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1852
  • Beğeniler 346 / 707
  • Ticaret 5, (%100)
JQuery bilmiyorsan CSS ile örnek vereyim daha kolay olur.




Göster



İçerik içerik.


.hoveryapilacakdiv:hover ~ .acilacakdiv{display:block;}
 

 

wmaraci
wmaraci

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
PHPacemisi hocam bana Jquery olan gerekli ödevim var :D mantık istiyorum bende css ile yapmasını biliyorum zaten :D sağ olun ama başlıkta Jquery mantığını istiyorum dedim :)
 

 

Herkez hata yapabilir, pardon herkes. | ibocum.com

27207 27207 WM Aracı Anonim Üyelik
  • Üyelik 02.01.2014
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1852
  • Beğeniler 346 / 707
  • Ticaret 5, (%100)
E mantığını verdiğim linkten bakarsın :) Örneği de var. Hover bir fonksiyondur. Ve bu fonksiyon çalışınca istediğin şeyi yaptırabilirsin. Bir katmanı gösterme, CSS sınıfıyla oynama, CSS değiştirme vs vs

$(".hoveryapılacakdiv").hover(function(){



$('.acilacakdiv').show();},
function(){
$('.acilacakdiv').hide();});
 

 

27207 27207 WM Aracı Anonim Üyelik
  • Üyelik 02.01.2014
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1852
  • Beğeniler 346 / 707
  • Ticaret 5, (%100)
$("div class buraya").hover(function(){

buraya ne istiyorsan yaz. üstteki div class veya div id üzerine gelince buraya yazdığın şey çalışır. bu kadar


});
SENibrahim

kişi bu mesajı beğendi.

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
Şimdik hocam :) ben tıklayınca yaptım;

https://www.ibocum.com/jquery-acilir-kapanir-div.html


fakat aynı şekilde ama üzerine gelince açılacak gidince kapanacak nasıl yapabilirim?
 

 

Herkez hata yapabilir, pardon herkes. | ibocum.com

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
Tamam çözüldü konu, biraz uğraştım ama öğrendim çözümünü paylaşacağım.

Jquery ile Açılır Kapanır Div
https://www.ibocum.com/jquery-acilir-kapanir-div.html

Jquery ile Üzerine Gelince Açılır Kapanır Div
https://www.ibocum.com/jquery-uzerine-gelince-acilan-kapanan-div.html

Çok uğraştım ama öğretim sizde kaynak kodlarına bakabilirsiniz.
 

 

Herkez hata yapabilir, pardon herkes. | ibocum.com
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al