Merhaba arkadaşlar,
Hep teorik bilgiye karşıyım dedim, bunca zamandır öğrendiğim hiçbir şeyi kitaplardan öğrenmedim, birşey eksik oldu yapılması gerekti araştırdım buldum ve yaptım ama şimdi anlıyorum ki arada kitaplara bakmak gerekirmiş.
Eskiden jquery ile döngüye sokardım ve bu işlemi yapardım ama bir seçici ile çözülmüş olay. Çalışma mantığını ise şöyle yorumluyorum, belirttiğimiz elementleri komple hafızasına alıyor, ve nokta atışı yapıyor 1. element = a ise 2. element b, 3. element a gibi… Alt alta elementler eklememe rağmen 2 tane gri veya beyaz rengi yan yana getiremedim.
jQuery kodlarımız;
|
1 |
$('ul li:even').css('background','#f6f6f6'); |
veya
|
1 |
$('ul li:odd').css('background','#f6f6f6'); |
Html kodlarımız;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<ul> <li> <a href="http://www.aycan.net/css-ezme-yontemleri/">Css'de ezme yöntemleri --> Anlatım</a> </li> <li> <a href="http://www.aycan.net/javascript-confirm-evet-hayir-butonlari/">Javascript Confirm (Evet-Hayır Butonları)</a> </li> <li> <a href="http://www.aycan.net/tatil-donusu/">2012 Tatilim ve yaşadıklarım</a> </li> <li> <a href="http://www.aycan.net/jquery-abokuyucu-uygulamasi/">jQuery abOkuyucu uygulaması</a> </li> <li> <a href="http://www.aycan.net/cep-telefon-javascript-kontrolu/">Cep Telefon Javascript kontrolu</a> </li> <li> <a href="http://www.aycan.net/arayuz-ve-arabirim-gelistiricileri-arasindaki-kavga/">Arayüz ve Arabirim geliştiricileri arasındaki kavga</a> </li> <li> <a href="http://www.sarsukoyun.com/">Sarsuk BEY</a> </li> </ul> <ul> <li> <a href="http://www.twitter.com/aycanb">Twitter -> Aycan.Net</a> </li> <li> <a href="http://www.friendfeed.com/aycanb">Friendfeed -> Aycan.Net</a> </li> <li> <a href="http://www.facebook.com/aycan.net">FaceBook -> Aycan.Net</a> </li> <li> <a href="http://www.webmasterforumu.com/">Webmaster Forumu</a> </li> <li> <a href="http://www.xotesi.net/">Xotesi.net</a> </li> <li> <a href="http://www.laptopvadisi.com/">Laptop Vadisi</a> </li> <li> <a href="http://www.724kadin.com/">7/24 Kadın</a> </li> </ul> |
Güzel açıklama olmuş teşekkürler.
Even çift, odd tek anlamına geliyor İngilizce’de. Dolayısıyla :even ile çift sayıları (0,2,4 ..), :odd ile de tek sayılı (1,3,5..) elementleri seçebilirsiniz.
Thak you very much…