您的位置：首页 > Web前端 > JavaScript

关于学习JS的一些体会

2014-07-29 00:00 211 查看
摘要: 光学CSS还不够，我们可以利用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().
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  图片切换
相关文章推荐
新的分享
章节导航