Показать сообщение отдельно
  #7 (permalink)  
Старый 12.03.2014, 13:08
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Чет я прослоупочил.
Ну лан, вот еще вариант:
<!DOCTYPE html>
<style>
#game li{
    background: blue;
    height: 20px;
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
#game li.active{
    background: red;
}
</style>
<div id="game">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
       </div>
<script>
(function(){
	var items = document.querySelectorAll('#game li');
	var onclick = function() {
		this.className = 'active';
	}
	for (var i = 0; i < items.length; i++) {
		items[i].onclick = onclick;
	}
})();
</script>
__________________
В личку только с интересными предложениями
Ответить с цитированием