Показать сообщение отдельно
  #23 (permalink)  
Старый 19.12.2013, 00:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Zemsky,
вариант управления стрелками ... кликнуть по квадрату вначале
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  div{height:100px;width:100px;background:#006400;position:relative}
  </style>
  <script>
window.onload = function () {
    var b = {
        39: ["left", 5],
        37: ["left", -5],
        40: ["top", 5],
        38: ["top", -5],
        left: 0,
        top: 0
    };
    document.body.onkeydown = function (a) {
        a = a || window.event;
        a = a.keyCode;
        var d = document.getElementById("show");
        if (a in b) {
            var c = b[a][0];
            b[c] += b[a][1];
            d.style[c] = b[c] + "px"
        }
    return false
}
};
</script>
</head>

<body>
<div id="show" ></div>
</body>
</html>

Последний раз редактировалось рони, 19.12.2013 в 00:05.
Ответить с цитированием