关于学习JS的一些体会

最新推荐文章于 2021-12-23 23:16:50 发布

weixin_33998125

最新推荐文章于 2021-12-23 23:16:50 发布

阅读量121

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/1865746/blog/296025

本文介绍如何通过JavaScript创建数组来实现网页中图片自动切换的功能，以减少空间占用并提供丰富的视觉信息。

2019独角兽企业重金招聘Python工程师标准>>>

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

打开网页文档，在<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().

转载于:https://my.oschina.net/u/1865746/blog/296025