Показать сообщение отдельно
  #10 (permalink)  
Старый 05.02.2015, 17:47
Интересующийся
Отправить личное сообщение для Zyuzka Посмотреть профиль Найти все сообщения от Zyuzka
 
Регистрация: 05.02.2015
Сообщений: 20

Сообщение от рони Посмотреть сообщение
Zyuzka,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
 function test() {
         var divs;
         for (var j = 0; j < 6; j++) {
             divs = document.getElementById('a' + j);
             divs.onclick = function() {
                 var color = "linear-gradient(to right, blue, blue)"
                 for (var j = 0; j < 6; j++) {
                     divs = document.getElementById('a' + j);
                     divs.style.backgroundImage = divs == this ? "linear-gradient(to right, blue, white)" : color;
                     if (divs == this) color = '';
                 }
             }
         }
     }
  </script>
</head>
<body onload="test()">
	<div id="a0">1</div>
	<div id="a1">2</div>
	<div id="a2">3</div>
	<div id="a3">4</div>
	<div id="a4">5</div>
	<div id="a5">6</div>
</body>
</html>
Да это то что надо! Спасибо большое ещё раз.
Осталось понять строку
divs.style.backgroundImage = divs == this ? "linear-gradient(to right, blue, white)" : color;
Ответить с цитированием