<html>
<head>
<script>
var p=1;
function t() {
if (p==1) {
var s = document.i1.style;
s.top = 20 + 'px';
s.left= 20 + 'px';
eval("document.i1.src='http://sait-raznoe.do.am/pr/2/3.png'");
p=2;}
else {
var s = document.i1.style;
s.top = 10 + 'px';
s.left= 10 + 'px';
eval("document.i1.src='http://sait-raznoe.do.am/pr/2/1.png'");
p=1;}}
</script>
</head>
<body>
<img name="i1" src="http://sait-raznoe.do.am/pr/2/1.png" style="top : 10px; left : 10px; position: relative;" onclick=t();>
</body>
</html>
При клике запускается функция t() "onclick=t();". Она проверяет чему равно p "if (p==1) {...} else {...}". В соответствии с этим меняет отступы (top - сверху; left - слева), с помощью DOM. Затем меняет картинку "eval("document.i1.src='http://sait-raznoe.do.am/pr/2/3.png'");" и значение p.