我一直在試圖讓這個javascript動畫工作幾個小時,而我什麼都沒有。問題是沒有讓我的div盒從左到右(或從上到下)移動,與每個情況相反,我遇到了問題。這是我迄今爲止的內容(另外,我設置了邊界來將我的移動盒保存在視圖窗口內,因此如果它碰到任何一邊,它應該移動到相反的方向)。在這一點上任何幫助都很棒。左右連續移動div
注意:下一步是爲盒子創建彈跳效果,但我會擔心,一旦我得到簡單的動畫工作。
setInterval(function(){
if(parseInt(box.style.left) > parseInt(viewDim.width - 57)){
box.style.left -= parseInt(box.style.left) - 2 + 'px';
/* } else if(parseInt(box.style.left) < 0){
//debug_log("HIT!!");
//parseInt(box.style.left) += 2 + 'px';
} else if(parseInt(box.style.top) > parseInt(viewDim.height-58)){
} else if(parseInt(box.style.top) < 0){*/
} else {
box.style.left = parseInt(box.style.left) + 2 + 'px';
//box.style.top = parseInt(box.style.top) + 5 + 'px';
}
}, 20);
除非這是一個學習練習,否則我會建議使用jQuery UI效果:http://jqueryui.com/docs/effect/ – 2011-02-14 02:05:58
另外,您可以使用http://en.wikipedia.org/wiki/Marquee_element與行爲=「備用」 – kirilloid 2011-02-14 02:11:59