3

我需要一个同时带有滚动条和箭头的 jQuery 内容滑块。像 这样的东西，但像这样在侧面有箭头。箭头应出现在悬停父标签上。我在互联网上搜索。但是我找不到我需要的东西。有人知道这样的滑块吗？

4

4 回答 4

7

当按下下一页/上一页按钮时，使用value方法将滑块的值设置为下一页/上一页。完成这需要大约 10 行带有 jQ​​uery 和 UI 的 JavaScript。

我根据您提供的链接中的滑块开发了它。JS 代码是这样的，可以在这个 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按钮移动到父元素，也可以使用提供的代码。

于 2012-07-25T17:39:48.867 回答
2

这个例子有帮助吗？

http://manos.malihu.gr/tuts/custom-scrollbar-plugin/scroll_buttons_and_snap_scrolling_examples.html

try "view source" and grab those required *.js and *.css file, and tweak your CSS and scripts from there.

Good luck!

于 2012-07-27T09:46:35.460 回答
0

试试 Jscrollpane：http: //jscrollpane.kelvinluck.com/

我在十几个非常复杂的网站上使用过它，而且我总是设法用它做我想做的事。它也有很好的文档。

您可以选择水平或垂直滑块（或两者）、显示/隐藏箭头、转到特定的 html 元素、使用动画等。

看看这个！一旦你习惯了它，你将永远使用它！

希望能帮助到你！

于 2012-07-25T19:53:59.207 回答
-1

首先，你应该谷歌你的要求，那里有很多，检查这些

于 2012-05-15T10:24:40.273 回答