使用js完成一个轮播图功能，可以使用几张网页图片，要求能够适配移动端，兼容IE7及以上浏览器

实现轮播图功能可以使用 JavaScript 和 CSS，以下是一个简单的轮播图实现方法：

HTML：

<div class="carousel">
  <ul class="slides">
    <li><img src="image1.jpg" alt="Image 1"></li>
    <li><img src="image2.jpg" alt="Image 2"></li>
    <li><img src="image3.jpg" alt="Image 3"></li>
  </ul>
  <a class="prev" href="#">Previous</a>
  <a class="next" href="#">Next</a>
</div>

CSS：

.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slides {
  width: 300%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.carousel .slides li {
  float: left;
  width: 33.33%;
  height: 100%;
}
.carousel .slides img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel .prev,
.carousel .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #fff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
  transition: background-color 0.2s;
}
.carousel .prev:hover,
.carousel .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.carousel .prev {
  left: 10px;
}
.carousel .next {
  right: 10px;
}

JavaScript：

var slides = document.querySelector('.carousel .slides');
var prevBtn = document.querySelector('.carousel .prev');
var nextBtn = document.querySelector('.carousel .next');
var slideWidth = slides.clientWidth / 3;
var currentPosition = 0;

// 点击“上一页”按钮
prevBtn.addEventListener('click', function(e) {
  e.preventDefault();
  if (currentPosition > 0) {
    currentPosition--;
    slides.style.transform = 'translateX(' + (-currentPosition * slideWidth) + 'px)';
  }
});

// 点击“下一页”按钮
nextBtn.addEventListener('click', function(e) {
  e.preventDefault();
  if (currentPosition < 2) {
    currentPosition++;
    slides.style.transform = 'translateX(' + (-currentPosition * slideWidth) + 'px)';
  }
});

// 自动轮播
setInterval(function() {
  if (currentPosition < 2) {
    currentPosition++;
    slides.style.transform = 'translateX(' + (-currentPosition * slideWidth) + 'px)';
  } else {
    currentPosition = 0;
    slides.style.transform = 'translateX(' + (-currentPosition * slideWidth) + 'px)';
  }
}, 5000);

以上代码实现了一个简单的轮播图功能，兼容 IE7 及以上浏览器，并且可以适配移动端。需要注意的是，为了适配移动端，可以使用 CSS3 的 `transform` 属性来实现轮播图的滑动效果，但需要注意在不支持 CSS3 的浏览器上，可能会出现兼容性问题。