Показать сообщение отдельно
  #7 (permalink)  
Старый 09.11.2011, 01:18
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Да на)

<html>
<head>
<style>
.s1 { /*чтобы отличать их как-то.*/
 color: #f00;
}
.s2 {
 color: #ff0;
}
.s3 {
 color: #00f; 
}
.s4 {
 color: #0f0;
}
</style>
</head>
<body>
<ul id="list">
 <li class="s1">0</li>
 <li class="s2">1</li>
 <li class="s3">2</li>
 <li class="s4">3</li>
</ul>
<script>
list= document.getElementById("list");
items= list.getElementsByTagName("li");
function rename(n) {
 var i;
 for (i=n; i-items.length != n; ++i) {
  items[i < items.length? i : i-items.length].className= "s" + (i-n+1);
 }
};

for (i=0; i!= items.length; ++i) {
 items[i].onclick= (function(n){return function(){rename(n)}})(i)
}

</script>
</body>
<html>
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием