用jquery实现三张图片选项卡滑动特效

在jQuery中实现三张图片选项卡滑动特效，可以使用插件如"owl.carousel"或者简单的JavaScript和CSS自定义。下面是一个基本的例子，假设我们有三个 `<div>` 来表示图片容器：

<div class="carousel">
  <div class="item active">图1</div>
  <div class="item">图2</div>
  <div class="item">图3</div>
</div>

然后你可以引入jQuery库以及选项卡插件，比如`owl.carousel.min.js` 和 `owl.carousel.css`，并添加如下JS代码：

$(document).ready(function() {
  $('.carousel').owlCarousel({
    items: 1, // 每次只显示一张图片
    dots: false, // 关闭点标记
    nav: true, // 显示导航按钮
    loop: false, // 不循环播放
    responsiveClass: true,
    transitionStyle: 'fade', // 淡入淡出效果
    autoplayHoverPause: true // 鼠标悬停暂停动画
  });
});

这个例子创建了一个响应式的轮播图，每点击一次导航按钮，会切换到下一张图片。如果需要手动切换图片，可以监听`.next()`或`.prev()`事件。