小点跟着鼠标走的问题？

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>

显示后发现：小点只随鼠标上下移动，可不作水平移动！
该怎么解决啊？（我是新手，请讲得具体一点！）

...全文

39 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

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>