网页设计 怎么在同一位置显示几张不同的图片(图片自
1个回答
2017-01-08 · 武汉肥猫科技提供高端网站建设、SEO等服务
关注
展开全部
用javascript代码实现,具体代码为:
<script>
var arr=new Array()
arr[0]="img1.jpg"; //这里放图片路径
arr[1]="img2.jpg";
arr[2]="img3.jpg";
arr[3]="img4.jpg";
arr[4]="img5.jpg";
var i=0;
function image()
{
var ima=document.getElementById("image");
ima.src=arr[i]
i++;
if(i==5)
i=0
setTimeout("image()",1000) //一秒钟调用一次
}
</script>
<body onLoad="image()">
<img id="image" src="1.jpg" width="200" height="200">
</body>
修改下图片路径就可以使用看效果了。
<script>
var arr=new Array()
arr[0]="img1.jpg"; //这里放图片路径
arr[1]="img2.jpg";
arr[2]="img3.jpg";
arr[3]="img4.jpg";
arr[4]="img5.jpg";
var i=0;
function image()
{
var ima=document.getElementById("image");
ima.src=arr[i]
i++;
if(i==5)
i=0
setTimeout("image()",1000) //一秒钟调用一次
}
</script>
<body onLoad="image()">
<img id="image" src="1.jpg" width="200" height="200">
</body>
修改下图片路径就可以使用看效果了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |