网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Javascript
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.js实现字体渐渐消失.
.JavaScript 调用 Asp.Net 服务器.
.JavaScript中的字符串操作.
.Javascript实例教程(20) OLE Aut.
.javascript密码强度提示.
.一行代码生成Google SiteMap.
.Javascript正则表达式的3个例子.
.Javascript实例教程(1) 创建弹出.
.用javascript控制复选框的个数.
.如何使用 JavaScript XSLT 处理 .
.利用Yahoo! Search API开发自已的.
.Javascript刷新页的方法汇总.
.在客户端设置cooke和获取cooke的.
.JavaScript控制鼠标滑轮事件.
.PHP与JavaScript对多项选择的处理.
.JavaScript获取浏览器的显示区域.
.JavaScript and CSS.
.JavaScript面向对象之方法重载.
.javascript+xml实现二级下拉菜单.
.javascript对象与数组的例子.

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

发表日期:2006-11-7


1<script 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
29<img id=obj src ="1.jpg" border =0 />
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。
上一篇:javascript的作用域 人气:8754
下一篇:JS实现滑动展开与折叠效果 人气:13709
浏览全部javascript的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐