Показать сообщение отдельно
  #1 (permalink)  
Старый 17.06.2011, 12:36
Аспирант
Отправить личное сообщение для Polkan Посмотреть профиль Найти все сообщения от Polkan
 
Регистрация: 30.04.2010
Сообщений: 49

уменьшение opacity работает, увеличение - не работает
Здравствуйте.
Простейший пример, не понимаю в чем разница ведь меняю только минут на плюс...

так работает (непрозрачность уменьшается)
<html><head><title></title></head>
<body>
<script>
window.onload=function(){
  obj = document.getElementById("li_1");
  obj.style.opacity = 1;
  while (obj.style.opacity > 0 ) {
    alert("opacity = "+obj.style.opacity);
    obj.style.opacity = obj.style.opacity - 0.2;
  }
}
</script>

  <ul class="slider" id="idSlider">
    <li id="li_1"><div style="width:100px;height:100px;background-color:red;"></div></li>
  </ul>
</body>
</html>


а так не работает (срабатывает только первый шаг увеличения)
<html><head><title></title></head>
<body>
<script>
window.onload=function(){
  obj = document.getElementById("li_1");
  obj.style.opacity = 0;
  while (obj.style.opacity < 1 ) {
    alert("opacity = "+obj.style.opacity);
    obj.style.opacity = obj.style.opacity + 0.2;
  }
}
</script>

  <ul class="slider" id="idSlider">
    <li id="li_1"><div style="width:100px;height:100px;background-color:red;"></div></li>
  </ul>
</body>
</html>
Ответить с цитированием