این یک نمونه هست که id عکس مورد نظر و تعداد پیکسلی که عکستون می خواید حرکت کنه رو بهش می دید:
کد:
function move(id, x, y) {
var elem = document.getElementById(id);
elem.style.position = 'absolute';
elem.style.left = x + 'px';
elem.style.top = y + 'px';
};
function run(id, px) {
var i = 0;
var interval = window.setInterval(function() {
var t;
do {
i++;
move(id, i, i);
if (t) window.clearInterval(interval);
} while(t = ( i == px));
}, 20);
};
run('imgid', 300);
دقیت کنید این فقط یک نمونه هست، و اگر بخواید سفارشی کنید باید تغییراتی در کدی که قرار دادم انجام بدید.
بهتون پیشنهاد می کنم اگر فقط برای استفاده می خواید و نه یاد گیری، از framework هایی مثل mootools و prototype و یا jquery استفاده کنید. با این فریم ورکها به مراتب کارهای بهتری می تونید انجام بدید.
