js，html，css 讲2张图片 每隔5秒 轮流循环显示。
2个回答
展开全部
<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，以方便代码识别.
<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，以方便代码识别.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
