<style>
<!--
img{ border:none}
#content{ width:200px; height:50px; overflow:scroll;}
#sc{ height:50px; background-color:#009900}
-->
</style>
</head>
<body>
<div id="content" οnscrοll="va();">
<div id="sc"><img src="1.jpg" width="950" height="50" /></div>
</div>
<p>scrollLeft<input name="c1" type="text" id="c1"/></p>
<p>offsetWidth<input name="c2" type="text" id="c2"/></p>
<p>mod<input name="c3" type="text" id="c3"/></p>
</body>
<script language="javascript">
document.getElementById("c1").value=document.getElementById("content").scrollLeft;
document.getElementById("c2").value=document.getElementById("sc").offsetWidth;
function va()
{
document.getElementById("c1").value=document.getElementById("content").scrollLeft;
document.getElementById("c2").value=document.getElementById("sc").offsetWidth;
var sleft=document.getElementById("content").scrollLeft;
var owidth=document.getElementById("sc").offsetWidth;
if(sleft>765)
{
document.getElementById("content").scrollLeft=1;
}else
{document.getElementById("content").scrollLeft++;
}
}
var MyMar=setInterval(va,30);
</script>关于scrollLeft与offsetWidth的,有些疑惑。当scrollLeft>=766就不能反复滚了。为什么呢!!!!
以下的代码能在IE FF中运行,效果是SCROLLLEFT是100的倍数时时,停止滚动。过了6秒后又滚动