[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: как передвигать картинку на php
leonw
здравствуйте! может кто подсказать как передвигать картинку на php.
пр:
если надавить на div1 то картинка будет двигаться в лева, если на div2 то в права. и чтобы она не вылазила за рамки.
пример тока на яваскрипт?
<style type="text/css">
#box {
width:600px;
height:130px;
background: url('http://s013.radikal.ru/i324/1602/b5/868b275dae2f.jpg');
position:absolute;
top:150px;
left:150px;
}
</style>
<
div id="box"></div>
<
input type="button" value="1" onclick="move(0, 1)">
<
input type="button" value="2" onclick="move(0, -1)">
<
input type="button" value="3" onclick="move(-1, 0)">
<
input type="button" value="4" onclick="move(1, 0)">
<
script type="text/javascript">
var box = null;

function move(vX, vY) {
var x = box.offsetLeft + vX * 130;
var y = box.offsetTop + vY * 130;

box.style.left = x + "px";
box.style.top = y + "px";
}

window.onload = function () {
box = document.getElementById("box");
}
</script>
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.