javascript模拟特效 求助急~~~

Question

如果只是键盘操作的话，
看看我前几天整理的东西对你是不是有点用处。http://blog.csdn.net/syukugai/archive/2008/12/19/3560992.aspx

Answer 1

这会没事做！
<script type="text/javascript">
function getNum(v, p){
return (parseInt(v.substr(0, v.length - 2)) + p) + "px";
}

function move(pos){
var pla = document.getElementById("plane");
if(pos == "A"){
pla.style.top = getNum(pla.style.top, -5);
}else if(pos == "B"){
pla.style.top = getNum(pla.style.top, 5);
}else if(pos == "L"){
pla.style.left = getNum(pla.style.left, -5);
}else if(pos == "R"){
pla.style.left = getNum(pla.style.left, 5);
}else if(pos == "LA"){
pla.style.top = getNum(pla.style.top, -5);
pla.style.left = getNum(pla.style.left, -5);
}else if(pos == "RA"){
pla.style.top = getNum(pla.style.top, -5);
pla.style.left = getNum(pla.style.left, +5);
}
}
</script><div style="width: 100%; height: 80%;">
<img id="plane" style="width: 30px; height: 30px; position: absolute; left: 0px; top: 0px;"/>
</div>
<table bordor=0>
<tr><td>
<button onclick="move('LA');">LA</button>
</td><td>
<button onclick="move('A');">A</button>
</td><td>
<button onclick="move('RA');">RA</button>
</td></tr><tr><td>
<button onclick="move('L');">L</button>
</td><td>
<button onclick="move('B');">B</button>
</td><td>
<button onclick="move('R');">R</button>
</td></tr>
</table>

Answer 2

准备好汽车行驶的分解图，用timer隔多少时间换图就好了
或者把几张图合成一张大图，用timer改背景位置（这个比较好，不用读取图片）

Answer 3

把图片预装载。
用到的时候再装载肯定会不连续。
像楼上说的那样从大图上clip也是同样的道理。
实际上游戏中就是这么做的。