一段非常简单的让图片自动切换js代码

2016-02-19 15:41 262 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的一段非常简单的让图片自动切换js代码懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

1script language =javascript
 2var curIndex=0;
 3//时间间隔 单位毫秒
 4var timeInterval=1000;
 5var arr=new Array();
 6arr[0]="1.jpg";
 7arr[1]="2.jpg";
 8arr[2]="3.jpg";
 9arr[3]="4.jpg";
10arr[4]="5.jpg";
11arr[5]="6.jpg";
12arr[6]="7.jpg";
13setInterval(changeImg,timeInterval);
14function changeImg()
15{
16    var obj=document.getElementById("obj");
17    if (curIndex==arr.length-1)
18    {
19        curIndex=0;
20    }
21    else
22    {
23        curIndex+=1;
24    }
25    obj.src=arr[curIndex];
26}
27/script
28
29img id=obj src ="1.jpg" border =0 /
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。

来源:https://www.tulaoshi.com/n/20160219/1610198.html

延伸阅读
标签: Web开发
title1 content title2 content [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
//获得焦点,若值为默认值,则赋空且修改样式: function onInputFocus(obj) {    if( obj.value==obj.title )    {       obj.value = "";       obj.className = "inputSomething";    } } //失去焦点,若内容为空,则赋回默认值和原样式: func...
string str="wecncnc"; str+="wecncnc"; Regex re = new Regex(@"
标签: ASP
  近日逼不得已必须用ASP创建EXCHANGE 2000用户,但以前的相似文章都是关于EXCHANGE 5。5的,而且明确说明不向后兼容,因此在MSDN网站游荡了很久,终于找到一点资料,经过改编,终于能用于ASP。 此段ASP的执行的环境在W2K+IIS5,并且必须要有足够的权限。 如有不当之处,请高手指正。 <%@ Language=VBScript % <HTML <HEAD &...
void S_RevColor(Graphics::TBitmap *Bmp)//图片反色 { BYTE *ptr; for (int y = 0; y Bmp-Height; y++)   {   ptr =(BYTE *) Bmp-ScanLine[y];   for (int x = 0; x Bmp-Width*3; x+=3)     {     ptr[x]=BYTE(255-ptr[...

经验教程

89

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部