水平连续滑块

【问题标题】：Horizontal Continuous Slider水平连续滑块
【发布时间】：2015-06-08 05:49:57
【问题描述】：

我正在寻找一个 jquery 水平滑块，它通过使用箭头、触摸事件和鼠标单击来左右移动。滑块必须包含一个项目，它会随着我提到的事件水平滚动。你知道我可以使用这些特性吗？

【问题讨论】：

【解决方案1】：

看看这个：http://bxslider.com/examples/carousel-demystified 它直接支持鼠标单击，基于触摸的移动。您可以手动捕获 Keypress 事件并使用其 API 在幻灯片之间移动。像这样：

slider = $('.bxslider').bxSlider();
document.addEventListener('keypress', function (e) {
    if (e.charCode === 39) {
        slider.goToNextSlide();
        e.preventDefault();
    } else if (e.charCode === 37) {
        slider.goToPrevSlide();
        e.preventDefault();
    }
});

【讨论】：