Javascript I';我把这个简单的脚本拼凑在一起,旋转图片并将它们链接到指定的URL';s、 当我将鼠标移到图片上时,如何使其暂停? 函数旋转图像(开始) { var a=新数组(“1.jpg”、“2.jpg”、“3.jpg”、“4.jpg”); var c=新数组(“url1”、“url2”、“url3”、“url4”); var b=document.getElementById('Rotating1'); var d=document.getElementById('imageurl'); 如果(开始>=a.length) 开始=0; b、 src=一个[开始]; d、 href=c[开始]; setTimeout(“RotateImages”(+(Start+1)+)”,3000; } 旋转年龄(0);

Javascript I';我把这个简单的脚本拼凑在一起,旋转图片并将它们链接到指定的URL';s、 当我将鼠标移到图片上时,如何使其暂停? 函数旋转图像(开始) { var a=新数组(“1.jpg”、“2.jpg”、“3.jpg”、“4.jpg”); var c=新数组(“url1”、“url2”、“url3”、“url4”); var b=document.getElementById('Rotating1'); var d=document.getElementById('imageurl'); 如果(开始>=a.length) 开始=0; b、 src=一个[开始]; d、 href=c[开始]; setTimeout(“RotateImages”(+(Start+1)+)”,3000; } 旋转年龄(0);,javascript,Javascript,可以将setTimeout的返回值传递给cancelTimeout以停止旋转。您可以将其保存到变量中,然后取消鼠标输入的超时,并在鼠标输出时重新启动它。更改代码如下: <a id="imageurl" name="imageurl"><img src="Rotating1" id="Rotating1" border="0" alt="Rotating1" name="Rotating1" /></a> <script language="jav

可以将setTimeout的返回值传递给cancelTimeout以停止旋转。您可以将其保存到变量中,然后取消鼠标输入的超时,并在鼠标输出时重新启动它。

更改代码如下:

    <a id="imageurl" name="imageurl"><img src="Rotating1" id="Rotating1" border="0" alt="Rotating1" name="Rotating1" /></a>
<script language="javascript" type="text/javascript">

   function RotateImages(Start)
  {
      var a = new Array("1.jpg","2.jpg","3.jpg", "4.jpg");
      var c = new Array("url1", "url2", "url3", "url4");
      var b = document.getElementById('Rotating1');
      var d = document.getElementById('imageurl');
      if(Start>=a.length)
          Start=0;
      b.src = a[Start];
      d.href = c[Start];
      window.setTimeout("RotateImages(" + (Start+1) + ")",3000);
  }

  RotateImages(0);

  </script>

var currentImage=-1;
函数RotateImages()
{
var a=新数组(“1.jpg”、“2.jpg”、“3.jpg”、“4.jpg”);
var c=新数组(“url1”、“url2”、“url3”、“url4”);
var b=document.getElementById('Rotating1');
var d=document.getElementById('imageurl');
currentImage++;
如果(currentImage>=a.length)
currentImage=0;
b、 src=a[currentImage];
d、 href=c[currentImage];
rotator=window.setTimeout(“RotateImages”(+(currentImage+1)+)”,3000);
}
函数StopRotation()
{
窗口清除超时(旋转器);
}
旋转图像();
  • 新增功能“
    停止旋转
  • 在图像标签中添加了
    onmouseover
    onmouseout
    -事件
  • 在当前图像上继续旋转

听起来不错,但我无法实现它,您有时间发布代码片段或示例吗?我真的对javascript一无所知,这是借用的代码,我只是将其修改为XHTML1.0过渡版,用于我手工编写的网站。哇,太棒了!在这一点上,我唯一能问的另一件事是,旋转将继续,而不是重置为第一个图像。否则这将是我在网站上使用的。非常感谢你,你帮了我很大的忙,我将var currentImage=0设置为-1,这样它将从数组中第一个指定的图像开始。啊,是的,我也考虑过这一点。测试它,如果可行,不要忘记接受解决方案!:-)
<a id="imageurl" name="imageurl"><img src="Rotating1" id="Rotating1" border="0" alt="Rotating1" name="Rotating1" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a>
<script language="javascript" type="text/javascript">

  var currentImage = -1;
  function RotateImages()
  {
    var a = new Array("1.jpg","2.jpg","3.jpg", "4.jpg");
    var c = new Array("url1", "url2", "url3", "url4");
    var b = document.getElementById('Rotating1');
    var d = document.getElementById('imageurl');

    currentImage++;

    if(currentImage>= a.length)
      currentImage=0;

    b.src = a[currentImage];
    d.href = c[currentImage];

    rotator = window.setTimeout("RotateImages(" + (currentImage+1) + ")",3000);
  }

  function StopRotation()
  {
    window.clearTimeout(rotator);
  }

  RotateImages();

</script>