Question

我只是JS的一个小说，我做了很多关于让图像滑块滑动水平的研究。但它从来没有奏效。这是指向JsFiddle的链接。

这是JS代码：

$(function(){
    $('#slider li').hide().filter(':first').show();
    setInterval(slideshow, 3000);
});


function slideshow() {
    $('#slider li:first').slideToggle('slow').next().slideToggle('slow').end().appendTo('#slider');
}

Answer 1

试试这个小提琴：http://jsfiddle.net/blocknotes/e13wuo6d/13/

$('#slider li:first').animate({width: 'toggle'}).next().animate({width: 'toggle'}).end().appendTo('#slider');

Answer 2

你使用.toggle（'slide'）而不是slideToggle（）

来实现这样的效果

function slideshow() {
    $('#slider li:first').toggle('slide').next().toggle('slide').end().appendTo('#slider');
}

Demo

只是不能让图像滑块变为水平

2 个答案: