Kolorowanie wierszy

Coloring row

Przykład PHP + JQuery2014-03-07 stopień trudności: łatwy

Przykład kolorowania w php


<?
echo"<ul>"
;

//lista wyÅ›wietlanych pozycji
$lista = array('pozycja1','pozycja2','pozycja3','pozycja4'
);

function 
color
(){
//zapamiÄ™tujemy kolor
static $clr
;

if(
$clr == "#F2F2F2"
){
$clr="#FFFFFF"
;
}
else{
$clr="#F2F2F2"
;
}
return(
$clr
);
}

for(
$i=0$i count($lista); $i
++){
echo
"<li style=\"background-color:".color()."\">".$lista[$i]."</li>"
;
}

echo
"</ul>"
;
?> 


Przykład kolorowania w css


#lista li:nth-child(even) { background: #FFFFFF; } #lista li:nth-child(odd) { background: #F2F2F2;


i dalej w php...


<?
echo"<ul id=\"lista\">"
;
for(
$i=0$i count($lista); $i
++){
echo
"<li>".$lista[$i]."</li>"
;
}
echo
"</ul>"
;
?>


powyższe możemy stosować również w listach DL


Przykład kolorowania w JQuery


<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("tr:even").css("background-color", "#FFF200");
});
</script>

<table border="1">
 <tr><td>00</td><td>01</td><td>02</td></tr>
 <tr><td>10</td><td>11</td><td>12</td></tr>
 <tr><td>20</td><td>21</td><td>22</td></tr>
 <tr><td>30</td><td>31</td><td>32</td></tr>
 <tr><td>40</td><td>41</td><td>42</td></tr>
 <tr><td>50</td><td>51</td><td>52</td></tr>
</table>

przykład dobrze współpracuje z IE


Możemy również kolorować bazując na liczbach parzystych i nieparzystych dzieląc przez 2


<ul style="list-style:none;">

<?
$data 
= array(1,2,3,4,5,6,7,8,9,10
);

for(
$i=0$i <= count($data) ; $i
++){


if ((
$i%2) == 0
){
   
$color "#E4E4E4"
;
}else{
   
$color "#FFFFFF"
;
}

echo
"<li style=\"background-color:".$color."\">".$data[$i]."</li>"
;

}
?>

</ul>


 
close
Strona korzysta z plików cookies. Zastosowane pliki cookie służą jedynie do prowadzenia ogólnych statystyk pozwalających na określenie popularności serwisu.