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);
可以将setTimeout的返回值传递给cancelTimeout以停止旋转。您可以将其保存到变量中,然后取消鼠标输入的超时,并在鼠标输出时重新启动它。更改代码如下: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
<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
- 在当前图像上继续旋转
<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>