Question

js代码调用问题

<script language="javascript" type="text/javascript">
function $(e) {return document.getElementById(e);}
document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
}
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 1; //每次滚动的间距, 越大滚动越快
var ipath = 'images/'; //图片路径
var thumbs = document.getElementsByClassName('thumb_img');
for (var i=0; i<thumbs.length; i++) {
thumbs[i].onmouseover = function () {$('main_img').src=this.rel; $('main_img').link=this.link;};
thumbs[i].onclick = function () {location = this.link}
}
$('main_img').onclick = function () {location = this.link;}
$('gotop').onmouseover = function() {this.src = ipath + 'gotop2.gif'; MyMar=setInterval(gotop,speed);}
$('gotop').onmouseout = function() {this.src = ipath + 'gotop.gif'; clearInterval(MyMar);}
$('gobottom').onmouseover = function() {this.src = ipath + 'gobottom2.gif'; MyMar=setInterval(gobottom,speed);}
$('gobottom').onmouseout = function() {this.src = ipath + 'gobottom.gif'; clearInterval(MyMar);}
function gotop() {$('showArea').scrollTop-=spec;}
function gobottom() {$('showArea').scrollTop+=spec;}
</script>
，此代码现在能够实现右边是图片的缩略图，鼠标放过去后显示大图（）而且缩略图会滚动，我想把</html>标签下面的js代码复制到一个单独的文件当中，然后在head标签中通过<script language="JavaScript" src="xx.js">
</script>
代码来引用。地址我敢确定是没有错了，但是为什么这样修改之后鼠标放到缩略图没有显示大图了呢；，而且缩略图也不会滚动了，就是一个普普通通的页面了，是不是js代码中的什么变量调用的位置错了吗

Answer 1

这个你把他放js文件里面再引用的话就变成再文档加载前使用了，这样你的代码从
var thumbs = document.getElementsByClassName('thumb_img');
这句开始下面的事件绑定代码都无效了，当然就没结果了。

你可以把这句及下面的所有的代码放到一个函数里面然后在window.onload方法里调用你的函数。

Answer 2

这里有一个无缝滚动效果
方向可以自己设置
可以设置定高定宽停顿
你把文字改成图片就行
里面有源码可以参考

Answer 3

不懂