IE 火狐 效果却不一样，是哪里的问题呢？我想让他左右滚动的！
<!DOCTYPEHTML><html><head><metacharset="utf-8"/><styletype="text/css">#tab{width:300p...
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
#tab {width:300px;height:50px;border:1px solid #00ffff;padding:0;margin:0 auto;overflow:hidden;position:relative;}
.div1 {width:50px;height:50px;position:absolute;left:125px;background:gray;}
</style>
<script type+"text/javascript">
window.onload=function() {
var oDiv=document.getElementsByTagName('div')[1];
var oBtn=document.getElementsByTagName('input');
var timer=null;
var iSpeed=-1;
timer=setInterval(function() {
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px';
},30)
oBtn[0].onclick=function () {
iSpeed=-1;
}
oBtn[1].onclick=function() {
iSpeed=1;
}
oDiv.onmouseover=function() {
clearInterval(timer);
}
oDiv.onmouseout=function() {
timer=setInterval(function() {
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px';
},30)
}
}
</script>
</head>
<body>
<input id="btn1" type="button" value="左移" />
<input id="btn3" type="button" value="右移" />
<div id="tab">
<div class="div1"></div>
</div>
</body>
</html> 展开
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
#tab {width:300px;height:50px;border:1px solid #00ffff;padding:0;margin:0 auto;overflow:hidden;position:relative;}
.div1 {width:50px;height:50px;position:absolute;left:125px;background:gray;}
</style>
<script type+"text/javascript">
window.onload=function() {
var oDiv=document.getElementsByTagName('div')[1];
var oBtn=document.getElementsByTagName('input');
var timer=null;
var iSpeed=-1;
timer=setInterval(function() {
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px';
},30)
oBtn[0].onclick=function () {
iSpeed=-1;
}
oBtn[1].onclick=function() {
iSpeed=1;
}
oDiv.onmouseover=function() {
clearInterval(timer);
}
oDiv.onmouseout=function() {
timer=setInterval(function() {
oDiv.style.left=oDiv.offsetLeft+iSpeed+'px';
},30)
}
}
</script>
</head>
<body>
<input id="btn1" type="button" value="左移" />
<input id="btn3" type="button" value="右移" />
<div id="tab">
<div class="div1"></div>
</div>
</body>
</html> 展开
2个回答
展开全部
您好！很高兴为您答疑！
兼容性问题，火狐下您可以安装Firebug检查页面代码，错误部分有高亮提示。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
兼容性问题，火狐下您可以安装Firebug检查页面代码，错误部分有高亮提示。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
