百度首页 | 百度空间
 
查看文章
 
块移动
2007年10月28日 星期日 下午 11:58

兼容所有浏览器的块移动代码,主要在于事件的选择和event以及keyCode和which上面, 使用A S D F控制
<div id="test" style="width:200px;height:100px;background:blue;position:absolute;top:0px;left:0px;"></div>
<script>
function $(ele){
return document.getElementById(ele);
}
var step=10;
document.onkeypress=function(evt){
var event=window.event || evt;
var temp=((event.keyCode!=0)?event.keyCode:event.which)-32;
switch (temp)
{
    case 65: $("test").style.left=parseInt($("test").style.left)-10+"px"; break;
    case 68: $("test").style.left=parseInt($("test").style.left)+10+"px"; break;
    case 87: $("test").style.top=parseInt($("test").style.top)-10+"px"; break;
    case 83: $("test").style.top=parseInt($("test").style.top)+10+"px"; break;

}
}
</script>


类别:javascript&web2.0 | 添加到搜藏 | 浏览() | 评论 (2)
 
最近读者:
 
网友评论:
1
2007年10月29日 星期一 上午 02:25
越来越专业了!
 
2
2007年10月29日 星期一 上午 11:16
段姐看了呀,保存文件运行了吗,按a s d w就可以移动方块,我还想就这么写一个趟克大战了,还有一个读英文的脚本,就在下面,也很有意思的,试试看
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu