При увеличении right элемент сдвинется влево, при уменьшении - вправо. При увеличении left элемент сдвинется вправо, при уменьшении - влево.
<!DOCTYPE HTML>
<html>
<head>
<script>
var LEFT = 0;
var RIGHT = 1;
function push(elem, direction) {
function add_to_offset(offset, number) {
offset = offset || "0px";
return (parseInt(offset.slice(0, -2)) + number) + "px";
}
var offset = direction == RIGHT ? 10 : -10;
elem.style.left = (add_to_offset(elem.style.left, offset));
};
</script>
</head>
<body>
<style>
#mydiv {
position: relative;
width: 10px;
height: 10px;
background-color: red;
}
</style>
<div id="mydiv"></div>
<button onclick="push(document.getElementById('mydiv'), LEFT)">Push left</button>
<button onclick="push(document.getElementById('mydiv'), RIGHT)">Push right</button>
</body>
</html>
