小点跟着鼠标走的问题?

xchfriend 2003-12-12 03:20:21
我的文件如下:
<html>
<head>
<title>小点跟着鼠标走</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
my=0;
mx=0;

document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');

document.write('<div id="si" style="position:absolute;top:0px;left:0px;height:50px;width:50px;padding-top:15px;text-align:center">. </div>');//在网页上显示一个小点.

function iMouse()
{
my=event.y;
mx=event.x;
}

document.onmousemove=iMouse;

function MouseBubbles()
{
si.style.pixeLeft=mx;
si.style.pixelTop=my;
setTimeout("MouseBubbles()",25);

}
MouseBubbles();

</script>
</body>
</html>

显示后发现:小点只随鼠标上下移动,可不作水平移动!
该怎么解决啊?(我是新手,请讲得具体一点!)

...全文
26 2 打赏 收藏 举报
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
longshenwang 2003-12-12
si.style.pixeLeft=mx; 改为 si.style.left=mx;
  • 打赏
  • 举报
回复
iinohk 2003-12-12
<body onmousemove="move()">
<input type=button onclick="startgame()" value="Start">
<div id="player" style="background:#33ccff;position:absolute;width:20;height:20;display:none"></div>
</body>
<script>
var flag_1=false;
var playerobj;
function player(x, y){
var x, y;
this.x=x;
this.y=y;
this.move=function(newx, newy){
this.x=newx;
this.y=newy;
this.display();
}
this.display=function(){
with(document.all.player.style){
display="inline";
left=this.x-10;
top=this.y-10;
}
}
this.kill=function(){
document.all.player.style.display="none";
}
}
function startgame(){
flag_1=true;
playerobj=new player(event.x, event.y);
playerobj.display();
}
function move(){
if(flag_1)
playerobj.move(event.x, event.y);
}
</script>
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.6w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
申请成为版主
帖子事件
创建了帖子
2003-12-12 03:20
社区公告
暂无公告