<html>
<head><title>just have a try</title>
<script language="JavaScript" type="text/javascript">
var numslides=0;
var currentslide=0;
var slides=new Array();
function MakeSlideShow()
{
   img3=document.getElementByTagName("img");
   for(i=0;i<img3.length;i++)
   {
      if(img3[i].className!="slide"){continue;}
      slides[numslides]=img3[i];      if(numslides==0)
  {   img3[i].style.display="block";}
      else      {
     img3[i].style.display="none";
 }
      img3[i].onClick=NextSlide;
  numslides++;
   }
}
function NextSlide()
{
slides[currentslide].style.display="none";
currentslide++;
if(currentslide>=numslides)
{currentslide=0;}
slides[currentslide].style.display="block";
}
</script>
</head>
<body onload="MakeSlideShow();"><h1> <b>ROLLOVER</b></h1>
<p>Click The IMG to view the next picture</p>
<img class="slide" src="1.jpg" width="400" height="400">
<img class="slide" src="2.jpg" width="400" height="400">
<img class="slide" src="3.jpg" width="400" height="400">
<img class="slide" src="4.jpg" width="400" height="400">
</body>
</html>

解决方案 »

  1.   

    <html>
    <head><title>just have a try</title>
    <script language="JavaScript" type="text/javascript">
    var numslides=0;
    var currentslide=0;
    var slides=new Array();
    function MakeSlideShow()
    {
      img3=document.getElementsByTagName("img");
      for(i=0;i<img3.length;i++)
      {
      if(img3[i].className!="slide"){continue;}
      slides[numslides]=img3[i];  if(numslides==0)
    { img3[i].style.display="block";}
      else{
    img3[i].style.display="none";
    }
      img3[i].onClick=NextSlide;
    numslides++;
      }
    }
    function NextSlide()
    {
    slides[currentslide].style.display="none";
    currentslide++;
    if(currentslide>=numslides)
    {currentslide=0;}
    slides[currentslide].style.display="block";
    }
    </script>
      

  2.   

     img3=document.getElementsByTagName();
      

  3.   

     img3[i].onClick=NextSlide;
    改成
     img3[i].onclick=NextSlide;