普陀总校  北桥教学点  颛桥教学点  泗泾教学点  | 设为首页 | 加入收藏 | 官方微信
内威培训
打造“培训+就业”一站式服务品牌!
  • Web前端工程师
  • 电脑艺术设计师
  • 网页设计制作员
  • Java软件开发工程师
banner1

首页>>学员天地

Javascript实现的图片自动切换
编辑:simon  阅读:2582次  发布:13-02-19

本文提供用Javascript实现的图片自动切换功能的源代码,供大家学习Javascript用。

<html>
<head>
   <title>图片切换</title>
   <script type="text/javascript">
      setInterval("loadImage()",1000);
      var images=['1.jpg','2.jpg','3.jpg','MarketCentre.jpg'];
      var i=-1;
      function loadImage()
     {
        i++;
        if(i>=images.length)
          i=0;
        var oImage=document.getElementById('image');
        var oLabel=document.getElementById('info');
        oImage.src=images[i];
        oLabel.innerText=images[i];
     }
  </script>
</head>
<body onload="loadImage()">
    当前图像名:<label id="info" ></label><br>
    <img src="" id="image" width="320" height="240" />
</html>

图片素材images.zip



上一篇: 正则表达式使用详解(全面)   下一篇: 解决span float:right不能右对齐而是换行显示
网络大专、自考本科,学历轻松拿!
©2016-2020 万博体育APP 版权所有
普陀区武宁路1500号中楼2-3层(邮编:200062)
咨询:021-62434966  合作:021-13371929650  就业:021-62434966  传真:021-52662428  电邮:service@snetway.com
《中华人民共和国电信与信息服务业务》经营许可证沪ICP备15002602号