html调用外部的JS文件,但是没有动态效果。
我外面的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>