js实现最简单的图片切换效果
作者:bea
喜欢Javascript制作图片切换效果的童鞋,下面是一个最简单的路径。 varcurIndex=0; //时间间隔单位毫秒 vartimeInterval=5000; vararr=newArray(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr
喜欢Javascript制作图片切换效果的童鞋,下面是一个最简单的路径。
varcurIndex=0;
//时间间隔单位毫秒
vartimeInterval=5000;
vararr=newArray();
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);
functionchangeImg()
{
varobj=document.getElementById("showpic");
if(curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="image/"+arr[curIndex];
}
有用 | 无用猜你喜欢
您可能感兴趣的文章:
- js性能优化:减小js体积大小
- 火狐8 firebug firefox8无需安装firebug
- js代码怎么用 什么是js代码
- Jquery实现从一个页面跳转到另一页面
- event.cancelBubble与event.stopPropagation()区别
- event.stopPropagation Jquery阻止事件冒泡
- 网站文字内容不能复制解决办法
- JS修改css样式style浅谈
- 将XML对象转化成字符串Firefox下方法
- Javascript function类型
- web页面优化之动态加载js和文件
- 提高网页加载速度之精简JS代码
- Javascript写的一个页面日历效果
- Javascript写的倒计时效果代码
- Javascirpt文件置于网页底部不见得好
- Jquery滑动鼠标图片放大缩小效果
- 导航菜单地址与URL相同时js实现高亮
- Jquery中setInterval、setTimeout注意事项
- Windows系统上安装Node.js模块的方法