var i = 0; $(function(){ showImg(); window.setInterval("showImg()",1000); }); function showImg(){ $("li:eq("+i+")").fadeIn("slow"); //别的消失 $("li:eq("+i+")").siblings("li").fadeOut("slow"); if(i == 4){ i = 0; }else{ i++; } }改成show和hide

修改后的代码如下所示：

var i = 0;
$(function() {
  showImg();
  window.setInterval("showImg()", 1000);
});

function showImg() {
  $("li:eq(" + i + ")").show("slow"); // 使用 show() 方法显示当前图片
  // 隐藏其他兄弟元素，使用 hide() 方法
  $("li:eq(" + i + ")").siblings("li").hide("slow");
  if (i == 4) {
    i = 0;
  } else {
    i++;
  }
}

在原代码中，使用了 `fadeIn()` 和 `fadeOut()` 方法来实现图片的显示和隐藏。这两个方法会产生渐变的效果，但是需要在页面中预先设置图片的透明度为 0。如果直接使用 `show()` 和 `hide()` 方法，可以避免这个问题，同时也能够实现图片的显示和隐藏。