$(function(){
var a = 0;
$('.menuac').click(function(){
if ( a == 0 ){
$(this).text('MENÜYÜ GİZLE');
a++;
} else {
$(this).text('MENÜYÜ AÇ');
a = 0;
}
$(this).next('ul').slideToggle(500);
});
}); 
Jquery text seçici yerine img koyma |
8 Mesajlar | 1.122 Okunma | ||
- Üyelik 28.01.2012
- Yaş/Cinsiyet 32 / E
- Meslek Grafiker. / ercandinsel.org
- Konum Kocaeli
- Ad Soyad E** D**
- Mesajlar 670
- Beğeniler 54 / 241
- Ticaret 1, (%100)
Merhabalar, responsive menü yaparken dersleri izleyerek bir jquery kodu yazdım çok fazla hakim değilim jquery'e. Buradaki kodda aşağıda menü aç ve menü gizle ve textleri var ben bunların yerine tek bir icon koymak istiyorum img'i nasıl tanıtırım burada?
- Üyelik 20.03.2014
- Yaş/Cinsiyet 51 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
text yarine direkt img kodunu koymayı denedinmi? menuac in html ini görmüyorum ama text yetine html kullanarak img kodu vererek olur.
http://hataman.com
Skype : ha.taman
Skype : ha.taman
- Üyelik 28.01.2012
- Yaş/Cinsiyet 32 / E
- Meslek Grafiker. / ercandinsel.org
- Konum Kocaeli
- Ad Soyad E** D**
- Mesajlar 670
- Beğeniler 54 / 241
- Ticaret 1, (%100)
Hocam html kodlarına img olarak icon verdim, ancak bu tek seferlik gözüküyor icona tıkladığımda MENÜYÜ AÇ oluyor tekrar tıkladığımda MENÜYÜ GİZLE oluyor.
html kodlarım bu şekilde
html kodlarım bu şekilde
- Üyelik 20.03.2014
- Yaş/Cinsiyet 51 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
$(function(){
var a = 0;
$('.menuac').click(function(){
if ( a == 0 ){
$(this).html('
');
a++;
} else {
$(this).html('');
a = 0;
}
$(this).next('ul').slideToggle(500);
});
});
http://hataman.com
Skype : ha.taman
Skype : ha.taman
- Üyelik 28.01.2012
- Yaş/Cinsiyet 32 / E
- Meslek Grafiker. / ercandinsel.org
- Konum Kocaeli
- Ad Soyad E** D**
- Mesajlar 670
- Beğeniler 54 / 241
- Ticaret 1, (%100)
Çok teşekkürler hocam çalıştı şimdi.
Ben bu şekilde deniyorumdum cahillik başa bela. :D
Ben bu şekilde deniyorumdum cahillik başa bela. :D
$(function(){
var a = 0;
$('.menuac').click(function(){
if ( a == 0 ){
$(this).'';
a++;
} else {
$(this).'';
a = 0;
}
$(this).next('ul').slideToggle(500);
});
}); - Üyelik 20.03.2014
- Yaş/Cinsiyet 51 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
Dur daha güzelleştirelim kodu :)
$(function(){
var a = 0;
var acik="acik.png"; // acık olunca gelecek resim url
var kapali="kapali.png"; // kapalı olunca gelecek resim url
$('.menuac').click(function(){
if ( a == 0 ){
$(".ackapa").attr("src",acik);
a++;
} else {
$(".ackapa").attr("src",kapali);
a = 0;
}
$(this).next('ul').slideToggle(500);
});
});
http://hataman.com
Skype : ha.taman
Skype : ha.taman
- Üyelik 28.01.2012
- Yaş/Cinsiyet 32 / E
- Meslek Grafiker. / ercandinsel.org
- Konum Kocaeli
- Ad Soyad E** D**
- Mesajlar 670
- Beğeniler 54 / 241
- Ticaret 1, (%100)
Yok hocam bu olmadı çalıştıramadım ben her seferinde menu iconu çıkıyor div'in içine yazdığım.
- Üyelik 20.03.2014
- Yaş/Cinsiyet 51 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
http://hataman.com
Skype : ha.taman
Skype : ha.taman
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)