Полосатые списки
Добрый день! Не знаком с js, подскажите или ткните на ссылку пожалуйста как можно сделать такой полосатый список(количество строк заранее неизвестно) для нумерованного (ordered) списка
<ol> <li></li> <li></li> </ol>:  т.е. менять бэкграунд для нечетных строк? Заранее большое спасибо! |
<script type="text/javascript">
window.onload = function(){
var li = document.getElementById('ul').getElementsByTagName('li'), i = li.length;
while(i--) {
li[i].style.backgroundColor = i%2 ? 'red' : 'green';
}
};
</script>
<ul id="ul">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
|
Большое спасибо, дружище :), Скажи пожалуйста а что означает эта строчка
li[i].style.backgroundColor = i%2 ? 'red' : 'green';смысл то ясен что это проверка на четность/нечетность, "li[i].style.backgroundColor" - бэкграунд li соотвутствующего номера, не совсем пойму как работает именно это - "i%2 ?" |
|
Javascript % Делимое
Ок, понял. |
Btw в современных браузерах можно так:
<style type="text/css">
#ul li:nth-child(2n) {background-color:#ccf}
</style>
<ul id="ul">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
|
| Часовой пояс GMT +3, время: 15:34. |