JavaScript实现切换多张图片

本文实例为大家分享了Javascript实现切换多张图片的具体代码，供大家参考，具体内容如下

循环切换图片
HTML+CSS+Javascript

html部分

 
  

  

  上一张
  下一张
 

css部分

  * {
   padding: 0;
   margin: 0;
  }

  .outer {
   width: 1000px;
   background-color: #bfa;
   margin: 50px auto;
   text-align: center;
   padding: 10px;
  }

  img {
   width: 900px;
   display: block;
   margin: 0 auto;
  }

  button {
   margin: 5px;
  }

Javascript部分

这里用到了Javascript的DOM对象

预览效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。