求高手指导，上面的代码为什么一直没有动态响应？新手，求指导
日期：2014-05-16 浏览次数：20410 次
求高手指导，下面的代码为什么一直没有动态响应？？？新手，求指导！
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>纵向的JS相册效果</title>
<link rel="StyleSheet" href="ll.css" type="css/text">
</head>
<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 thumb=document.getElementsByClassName('thumb_img');
for (var i=0;i<thumb.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+'2.jpeg';
MyMar=setInterval(gotop,speed);
};
$('gotop').onmouseout=function()
{
this.src=ipath+'2.jpeg';
clearInterval(MyMar);
};
$('gobottom').onmouseover=function()
{
this.src=ipath+'9.jpeg';
MayMar=setInterval(gobottom,speed);
};
$('gobottom').onmouseout=function()
{
this.src=ipath+'9.jpeg';
clearInterval(MyMar);
};
function gotop()
{
$('showArea').scrolltop-=spec;
}
function gobottom()
{
$('showArea').scrolltop+=spec;
return $('showArea').scrolltop
location=this.link;
}
</script>
<body>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td height="75" colspan="2" align="left" class="txt_1"> JavaScript相册效果</td>
</tr>
<tr>
<td width="640" align="center">
<img src="E:\图片\mypicture\1.jpeg" width="640" height="400" border="0" id="main_img" >
</td>
<td width="110" align="center" valign="top">
<img src="E:\图片\mypicture\2.jpeg" width="100" height="54" id="gotop" alt="#">
<div id="showArea">
<img src="E:\图片\mypicture\3.jpeg" alt="#" width="80" height="50" border="0" class="thumb_img" src="E:\图片\mypicture\3.jpeg">
<img src="E:\图片\mypicture\4.jpeg" alt="#" width="80" height="50" borde
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>纵向的JS相册效果</title>
<link rel="StyleSheet" href="ll.css" type="css/text">
</head>
<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 thumb=document.getElementsByClassName('thumb_img');
for (var i=0;i<thumb.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+'2.jpeg';
MyMar=setInterval(gotop,speed);
};
$('gotop').onmouseout=function()
{
this.src=ipath+'2.jpeg';
clearInterval(MyMar);
};
$('gobottom').onmouseover=function()
{
this.src=ipath+'9.jpeg';
MayMar=setInterval(gobottom,speed);
};
$('gobottom').onmouseout=function()
{
this.src=ipath+'9.jpeg';
clearInterval(MyMar);
};
function gotop()
{
$('showArea').scrolltop-=spec;
}
function gobottom()
{
$('showArea').scrolltop+=spec;
return $('showArea').scrolltop
location=this.link;
}
</script>
<body>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td height="75" colspan="2" align="left" class="txt_1"> JavaScript相册效果</td>
</tr>
<tr>
<td width="640" align="center">
<img src="E:\图片\mypicture\1.jpeg" width="640" height="400" border="0" id="main_img" >
</td>
<td width="110" align="center" valign="top">
<img src="E:\图片\mypicture\2.jpeg" width="100" height="54" id="gotop" alt="#">
<div id="showArea">
<img src="E:\图片\mypicture\3.jpeg" alt="#" width="80" height="50" border="0" class="thumb_img" src="E:\图片\mypicture\3.jpeg">
<img src="E:\图片\mypicture\4.jpeg" alt="#" width="80" height="50" borde
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
