Показать сообщение отдельно
  #3 (permalink)  
Старый 20.03.2014, 03:44
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

<style>
  #sq {
    background-color:red;
    width: 50px;
    height: 50px;
  }
  input {
    position: fixed;
    left: 100px;
    top: 20px;
    width: 50px;
  }
</style>
<div id="sq"></div>
<input type="button" value="Down" onclick="go(this)" />
<script>
  var go = function (el) {
      var divsq = document.getElementById("sq"),
        mtop = parseInt(divsq.style.marginTop) || 0,
        state = el.value == "Up",
        tId = setInterval(function () {
          mtop += state ? -5 : 5;
          divsq.style.marginTop = mtop + "px";
          if (!mtop || mtop == 80) {
            el.value = state ? "Down" : "Up";
            clearInterval(tId);
          }
        }, 30);

    };
</script>

Последний раз редактировалось Vlasenko Fedor, 20.03.2014 в 04:15.
Ответить с цитированием