js,html,css 讲2张图片 每隔5秒 轮流循环显示。

如题所述

<html>
<head>
<script type="text/javascript">
var theA=new Array(2); 两张图片,也可以是写成3,写成三就是3张图片
for(i=0,n=theA.length;i<n;i++)
{theA[i]=new Image();<br> theA[i].src=i+'.jpg';}
var currentImage=1;
var run=true;
var speed=5000; //这个是5秒中
function changeSize1()
{
if(!document.images)
return;
if(!run)
return;
document.getElementById("myImage").src=theA[currentImage].src;
currentImage++;
if(currentImage>theA.length-1)
currentImage=0;
setTimeout('changeSize1()',speed);
}
</script>
</head>
<body onload="changeSize1()">
<img id="myImage" src="0.jpg" border="0" >
</body>
</html>注意图片的路径要根据自己的实际情况去写,图片的名字最好写成数字,1.jpg,2.jpg,以方便代码识别.
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-09-12
用ps做撒 简单些
相似回答