国产探花免费观看_亚洲丰满少妇自慰呻吟_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>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 思南县| 海淀区| 富源县| 楚雄市| 牡丹江市| 三亚市| 汉寿县| 武平县| 苏尼特左旗| 信宜市| 永宁县| 贺州市| 高雄市| 渝中区| 嵊泗县| 盐津县| 望江县| 湘阴县| 仁化县| 榆林市| 苗栗县| 墨竹工卡县| 密山市| 奉贤区| 昭苏县| 渭源县| 普安县| 柳州市| 邵武市| 读书| 新竹县| 克山县| 鸡东县| 怀远县| 阜康市| 马关县| 巩留县| 新营市| 焉耆| 穆棱市| 景东|