关于学习JS的一些体会

        我们经常在一些购物网站上看到一些图片会自动切换,这样做的作用是减少空间的占用,能让浏览网页的人获取大量的信息,我们可以利用数组实现自动切换图像的效果,具体操作如下:

       打开网页文档,在<head>与</head>之间输入以下代码。

<script language="javascript">
var img=new Array(3);  //创建数组
var nums=0;
if(document.images)
{
for(i=1;i<=3;i++){
img[i]=new Image(); //创建对象实例
img[i].src="images/00"+i+".jpg"; //设置所有图片的路径及名称
}
}
function fort() //定义图片切换函数
{
num++;
document.images[0].src=img[nums].src;
if(nums==3)
nums=0;
}
function slide() //每隔一秒连续不断地调用fort()函数
{
setInterval("fort()",1000);
}
</javascript>
将光标放置在<body>标记内,输入代码onload=slide().



你可能感兴趣的:(图片切换)