Heim >Web-Frontend >js-Tutorial >一段非常简单的让图片自动切换js代码_图象特效

一段非常简单的让图片自动切换js代码_图象特效

WBOY
WBOYOriginal
2016-05-16 19:24:271178Durchsuche
复制代码 代码如下:

<script> <BR>var curIndex=0; <BR>//时间间隔 单位毫秒 <BR>var timeInterval=1000; <BR>var arr=new Array(); <BR>arr[0]="1.jpg"; <BR>arr[1]="2.jpg"; <BR>arr[2]="3.jpg"; <BR>arr[3]="4.jpg"; <BR>arr[4]="5.jpg"; <BR>arr[5]="6.jpg"; <BR>arr[6]="7.jpg"; <BR>setInterval(changeImg,timeInterval); <BR>function changeImg() <BR>{ <BR> var obj=document.getElementById("obj"); <BR> if (curIndex==arr.length-1) <BR> { <BR> curIndex=0; <BR> } <BR> else <BR> { <BR> curIndex+=1; <BR> } <BR> obj.src=arr[curIndex]; <BR>} <BR></script>

一段非常简单的让图片自动切换js代码_图象特效
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn