猫眼电影选择影片滑动

猫眼电影的影片选择滑动是通过 JavaScript 实现的，主要使用了 jQuery 插件 `swiper`。以下是一个简单的示例代码：

HTML 代码：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">影片1</div>
    <div class="swiper-slide">影片2</div>
    <div class="swiper-slide">影片3</div>
    <div class="swiper-slide">影片4</div>
    <div class="swiper-slide">影片5</div>
  </div>
</div>

CSS 代码：

.swiper-container {
  width: 100%;
  height: 100px;
  margin: 20px auto;
}

.swiper-slide {
  width: 80px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: #ccc;
  border-radius: 5px;
  margin-right: 10px;
  font-size: 16px;
}

JavaScript 代码：

var mySwiper = new Swiper('.swiper-container', {
  slidesPerView: 4,
  spaceBetween: 10,
  loop: true,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  }
});

其中，`slidesPerView` 表示每次显示的幻灯片数量，`spaceBetween` 表示每个幻灯片之间的间距，`loop` 表示是否循环滚动，`navigation` 表示前进和后退按钮的类名。

通过这些代码，可以实现一个简单的影片选择滑动效果。