让图片随方向键移动,高手帮忙!!!

sskdhm 2008-11-04 08:46:15
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
var ttop;
var lleft;
function ss()
{
ttop=document.getElementById("aa").style.pixelTop;
lleft=document.getElementById("aa").style.pixelLeft;
if(event.keyCode==38)
{
ttop=ttop-1;
return;
}
if(event.keyCode==40)
{
ttop=ttop+1;return;
}
if(event.keyCode==37)
{
lleft=lleft-1;return;
}
if(event.keyCode==39)
{
lleft=lleft+1;return;
}

}
</script>
</head>

<body >
<div style="position:absolute;width:122px;left:28px;top:21px;height:123px;z-index:1 ;" id="aa" onKeyDown="ss()" >
<img src="file:///D|/Backup/我的文档/My Pictures/5c9f73f003820ccd7831aaf0.gif" width="115" height="118" ></div>
</body>
</html>
...全文
100 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
H_hou 2008-12-13
  • 打赏
  • 举报
回复
授教了
scscms太阳光 2008-12-13
  • 打赏
  • 举报
回复
<script type="text/javascript" language="javascript"> 
var ttop;
var lleft;
function ss()
{
ttop=document.getElementById("aa").style.pixelTop;
lleft=document.getElementById("aa").style.pixelLeft;
if(event.keyCode==38)
{
document.getElementById("aa").style.pixelTop=ttop-1;
return;
}
if(event.keyCode==40)
{
document.getElementById("aa").style.pixelTop=ttop+1;return;
}
if(event.keyCode==37)
{
document.getElementById("aa").style.pixelLeft=lleft-1;return;
}
if(event.keyCode==39)
{
document.getElementById("aa").style.pixelLeft=lleft+1;return;
}

}
</script>
cdcjk 2008-11-07
  • 打赏
  • 举报
回复
学习

1,451

社区成员

发帖
与我相关
我的任务
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
  • 图象工具使用社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧