html调用外部的JS文件，但是没有动态效果。

[qq_32132283]

我外面的JS是在jss的文件夹里，里面的文件是a.js
应该不是路径的问题啊。
但是js文件粘贴到html里就有动态效果。原封不动的剪切出来新建a.js文件就没动态效果啥问题呢？

这个以下是a.js 文件
var speed=10; //数字越大速度越慢
var tab=document.getElementById("doog");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};


以下是HTML代码
<script type="text/javascript" src="jss/a.js"></script> 这个标签写在html里的。
<div id="doog">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/lzh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhs.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
<a href="#"><img src="imgs/hhh.jpg" border="0" /></a>
</div>
<div id="demo2"></div>
</div>

[香蕉猪]

是不是到外部后，，，获取不到offsetWidth了？？？

[hookee]

<script type="text/javascript" src="jss/a.js"></script> 放到html代码最后面试试看 或者 js代码放到 加载完成的事件中 window.onload = function(){ ..... } 确保 html加载完，js再去引用DOM

[沙滩裤衩哥]

<script src=""><script>放最后面

[xcyshys]

这个标签写在html里的。 <div id="doog"> <div id="indemo"> <div id="demo1"> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/lzh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhs.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> <a href="#"><img src="imgs/hhh.jpg" border="0" /></a> </div> <div id="demo2"></div> <script type="text/javascript" src="jss/a.js"></script> </div> 你这样试试应该就可以了