随身笔记
随身笔记

简单幻灯图片切换

网上有很多jquery功能很炫的切换效果而且兼容性很强,基本都能满足需求。但是一些网站不需要这么好的效果只要简单图片切换即可,简单的效果要套用冗余这么多代码的幻灯片我觉得不实现还是浪费。
这里推荐一个简单而且好用的图片切换效果:

[code]<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=5000;
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(“showpic”);
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=”image/”+arr[curIndex];
}
</script>
<img src=”image/1.jpg” width=”427″ height=”219″ id=”showpic” />[/code]

随身笔记

简单幻灯图片切换
网上有很多jquery功能很炫的切换效果而且兼容性很强,基本都能满足需求。但是一些网站不需要这么好的效果只要简单图片切换即可,简单的效果要套用冗余这么多代码的幻灯片我觉得不实现还是…
扫描二维码继续阅读
2013-04-21