Bestaat er iets in css om de background kleur van een <li> constant te doen wisselen van kleur ?

Voor css is er niet zoiets nee. Ik denk dat je het beter in de javascript kan gaan zoeken.

Ah ik dacht het al. Ik was daarnet zo'n site tegengekomen, vlug gekeken in de broncode maar ik geraakte er niet wijzer van.

Ok, dan gaan we op zoek naar dat javascriptje. Merci alvast !

Mocht iemand een tip hebben, waar ik dergelijk script kan vinden ... let me know :)

Niet te ver gaan zoeken. We bekijken even 2 scenario's, en gaan php gebruiken, javascript is ook een optie, kwestie van voorkeur.

Je hebt een statische lijst, die niet veranderd. Je geeft iedere <li> een class mee, laat ons zeggen "even" en "oneven". Daar komt zelfs geen scripttaal aan te pas.

2de scenario, een dynamisch gegenereerde lijst. Ik neem aan dat je dat met een lus doet. Boven de lus maak je een variabele aan, bv $teller. Tijdens iedere uitvoering van de lus laat de je teller optellen, $teller++ dus. In diezelfde lus, ga je kijken, is $teller even dan geef je de class "even" mee, zelfde voor oneven. Dit is redelijk basic, ik ga hier dus geen ganse code neertypen. Wat opzoekwerk en je kan het na een kwartiertje al hebben.

Met een javascriptfunctie (in een aparte file) heb je ook niet bepaald veel overhead... de js wordt gecached, dus het zal uiteindelijk nog meer dataverkeer besparen als de php methode met classes....

als je mootools (js framework) gebruikt kan het simpelweg zo:

Code:

$$('#idvandelist li').each(function(el, i){
if (i%2)
el.addClass('even');
});