jQuery:图片自动变换
Posted CREATE_17
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:图片自动变换相关的知识,希望对你有一定的参考价值。
<script type="text/javascript">
var aa=0;
//设置变换时间为2s
var timeChange=2000;
//定义数组
var arr = new Array();
arr[0]="image/01.jpg";
arr[1]="image/02.jpg";
arr[2]="image/03.jpg";
arr[3]="image/04.jpg";
//调用setInterval函数
setInterval(ChangeImg, timeChange);
function ChangeImg(){
var image = document.getElementById("image");
if(aa==arr.length-1){
aa=0;
}else{
aa+=1;
}
image.src=arr[aa];
}
</script>
</head>
<body>
<img src="image/01.jpg" id="image"></img>
</body>
以上是关于jQuery:图片自动变换的主要内容,如果未能解决你的问题,请参考以下文章
javascript 点击图片自动全屏幕放大的程式码,使用jQuery的