国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js圖片自動切換效果處理代碼

2019-11-20 22:44:19
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

<script language =javascript >
var curIndex=0;
//時間間隔 單位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>
<img id=obj src ="1.jpg" border =0 />

可以自己配置,自己設置每張圖片切換的時間間隔,自己設置每張圖片的路徑(絕對、相對路徑都可以)
雖然很簡單,但是很實用。
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片自動跳轉</title>
<script language="javascript">
setInterval(test,1000);
var array=new Array();
var index=0;
var array= new Array("image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg","image/5.jpg","image/6.jpg","image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg");
function test()
{ var myimg=document.getElementById("imgs");
if(index==array.length-1)
{ index=0; }else{ index++; }
myimg.src=array[index];
}
</script>
</head>
<body >
<img id="imgs" src="image/1.jpg" /> </body>
</html>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武功县| 崇明县| 财经| 绥中县| 绩溪县| 阿荣旗| 沾益县| 论坛| 巴彦淖尔市| 丰顺县| 喀什市| 丽水市| 古田县| 桐庐县| 勃利县| 林甸县| 马公市| 松桃| 清镇市| 哈尔滨市| 京山县| 体育| 黑龙江省| 寻乌县| 宿州市| 石首市| 航空| 特克斯县| 政和县| 稻城县| 武宁县| 新巴尔虎右旗| 武川县| 宕昌县| 永州市| 谢通门县| 天等县| 定边县| 黎川县| 宝丰县| 南宁市|