ホームページ > ウェブフロントエンド > jsチュートリアル > 一段非常简单的让图片自动切换js代码_图象特效

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

WBOY
リリース: 2016-05-16 19:24:27
オリジナル
1183 人が閲覧しました
复制代码 代码如下:

<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代码_图象特效
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート