这个仅供参考 其它的同理
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <BODY>
<script language="javascript" type="text/javascript">
function move(xx,yy,Okgo)
{
document.getElementById(Okgo).style.left=--xx;
document.getElementById(Okgo).style.top=++yy;
setTimeout("move("+xx+","+yy+","+"'Layer1')",80);
} </script>
<form id="form1" runat="server" >
<div id="Layer1" style="position:absolute;left:1px;top:1px;width:150px;height:102px;z-index:1;background-color: #eeeeee;" >
<script type="text/javascript">
move(100,100,'Layer1');
</script>
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD> <BODY>
<script language="javascript" type="text/javascript">
function move(xx,yy,Okgo)
{
document.getElementById(Okgo).style.left=--xx;
document.getElementById(Okgo).style.top=++yy;
setTimeout("move("+xx+","+yy+","+"'Layer1')",80);
} </script>
<form id="form1" runat="server" >
<div id="Layer1" style="position:absolute;left:1px;top:1px;width:150px;height:102px;z-index:1;background-color: #eeeeee;" >
<script type="text/javascript">
move(100,100,'Layer1');
</script>
</div>
</BODY>
</HTML>
你先不用脚本。就在页面底部 </body>把你的div放好,button也在里面,你先设置好样式,看button在哪里,你可以随意设置位置的时候,再用脚本做修改style操作。
脚本只是执行修改了你手动修改的东西