大家看看，这是啥情况？这段javascript在别人那运行得好好的，在我这就是没反应。
不知为何，凡是我写这类关于图片行动的HTML都没效果，而在别人的电脑上好好的。我试过火狐，IE，360和Opera，还有Dreamweaver自带的预览，都没用。大虾看看...
不知为何，凡是我写这类关于图片行动的HTML都没效果，而在别人的电脑上好好的。我试过火狐，IE，360和Opera，还有Dreamweaver自带的预览，都没用。大虾看看：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>移动的笑脸</title>
<script type="text/javascript">
var x_motion="plus";
var y_motion="plus";
var top_border=100;
var left_border=100;
var buttom_border=200;
var right_border=300;
var the_timeout;
function moveSmile(){
var the_smile=document.getElementById("smile").style;
if(x_motion=="plus"){
the_smile.left=parseInt(the_smile.left)+5;
}else{
the_smile.left=parseInt(the_smile.left)-5;
}
if(y_motion=="plus"){
the_smile.top=parseInt(the_smile.top)+5;
}else{
the_smile.top=parseInt(the_smile.top)-5;
}
if(parseInt(the_smile.left)>=right_border){
x_motion="minus";
}else if(parseInt(the_smile.left)<=left_border){
x_motion="plus";
}
if(parseInt(the_smile.top)>=buttom_border){
y_motion="minus";
}else if(parseInt(the_smile.top)<=top_border){
y_motion="plus";
}
the_timeout=setTimeout("moveSmile();",100);
}
</script>
</head>
<body>
<form>
<input type="button" value="笑脸动起来" onclick="clearTimeout(the_timeout);moveSmile();" />
<input type="button" value="加速、加速" onclick="moveSmile();" />
<input type="button" value="太快了，慢点吧！" onclick="clearTimeout(the_timeout);" />
</form>
<div id="smile" style="position:absolute;left:100px;top:100px">
<img src="happy_face.jpg" />
</div>
</body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>移动的笑脸</title>
<script type="text/javascript">
var x_motion="plus";
var y_motion="plus";
var top_border=100;
var left_border=100;
var buttom_border=200;
var right_border=300;
var the_timeout;
function moveSmile(){
var the_smile=document.getElementById("smile").style;
if(x_motion=="plus"){
the_smile.left=parseInt(the_smile.left)+5;
}else{
the_smile.left=parseInt(the_smile.left)-5;
}
if(y_motion=="plus"){
the_smile.top=parseInt(the_smile.top)+5;
}else{
the_smile.top=parseInt(the_smile.top)-5;
}
if(parseInt(the_smile.left)>=right_border){
x_motion="minus";
}else if(parseInt(the_smile.left)<=left_border){
x_motion="plus";
}
if(parseInt(the_smile.top)>=buttom_border){
y_motion="minus";
}else if(parseInt(the_smile.top)<=top_border){
y_motion="plus";
}
the_timeout=setTimeout("moveSmile();",100);
}
</script>
</head>
<body>
<form>
<input type="button" value="笑脸动起来" onclick="clearTimeout(the_timeout);moveSmile();" />
<input type="button" value="加速、加速" onclick="moveSmile();" />
<input type="button" value="太快了，慢点吧！" onclick="clearTimeout(the_timeout);" />
</form>
<div id="smile" style="position:absolute;left:100px;top:100px">
<img src="happy_face.jpg" />
</div>
</body>
</html> 展开
3个回答
展开全部
你的代码不是ie9的问题，是兼容性问题，ie9已经逐步向w3c标准靠拢了。
把你的数字5改为：5+“px”;就行了
把你的数字5改为：5+“px”;就行了
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这段JS代码不兼容火狐。需要改改才行。
追问
这个不是W3C标准么？况且我上面的那个网页所有浏览器都没反应。但给他人用就没问题。不知道是不是升级到IE9的原因，不过Opera也不行啊。
追答
IE9现在确实是有些问题。IE9的脚本引擎全新改革了。所以不兼容之前版本下写的代码。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的机器禁用js了？
更多追问追答
追问
没有啊，其他js都运行得好好的，同样用了setTimeout（）的一些网页也可以正常运行.
追答
那你装个Firebug，在控制台里执行代码试试看。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
