jquery - 需要 jQuery 上的 slider 同时带有滚动条和箭头

Question

我需要 jQuery 上的内容 slider ，同时带有滚动条和箭头。类似于 this one ，但侧面有箭头，如 this 。箭头应出现在将鼠标悬停在父标签上。我在互联网上搜索。但我找不到我需要的东西。有人知道这样的 slider 吗？

Answer 1

使用value按下下一页/上一页按钮时将 slider 的值设置为下一页/上一页的方法。完成此任务需要大约 10 行 JavaScript 以及 jQuery 和 UI。

我是根据您提供的链接中的 slider 开发的。 JS代码是这样的，可以在this fiddle中找到.

var max = , pageWidth = ; // see the fiddle for the full code
$('#prev, #next').click(function(){
    var current = $("#slider").slider('value');
    var to = $(this).is('#prev') ? current - pageWidth : current + pageWidth;
    $('#prev, #next').show();

    if(to <= 0)
        $('#prev').hide();
    else if(to >= max - pageWidth)
        $('#next').hide();

    $("#slider").slider('value', to);
    sliderOpts.slide(null, { value: to });
});
$('#prev').trigger('click'); // init​​​​​​​​

因此，您唯一剩下的就是应用您喜欢的任何 CSS 更改，并且如果您想将 #prev 和 #next 按钮移动到父元素使用提供的代码也很好。