пр:
если надавить на 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>