JavaScript范围滑块/双滑块存在withOUT使用框架

Question

我正在寻找一个JavaScript控件，它是一个Range Slider（双旋钮）：

• 不使用现有的JS框架（例如dojo，jquery等） - ，除非您可以滚动/创建自己的子框架，我可以在其中只编译我需要的组件。
• 适用于所有主流浏览器

下面是一个Range Slider的例子，但当然这会使用JQuery - 所以这不是一个选项，因为即使我构建的JQuery只包含我需要的组件（JQuery UI core + Slider），它的140kb MINIFIED：

http://jqueryui.com/demos/slider/#range

Answer 1

jQuery UI有一个不错的选择：

http://jqueryui.com/demos/slider/

Answer 2

YUI 3（目前处于预览版本中）仅提取执行您所要求的绝对最小代码量。他们的基本滑块示例（ http://yuilibrary.com/yui/docs/slider/slider-basic.html）仅提供24k的JavaScript和不到1k的CSS。它很漂亮。

披露：我为雅虎工作！。

Answer 3

使用http://www.walterzorn.com/dragdrop/dragdrop_e.htm#addons中的滑块代码。它是单个句柄，但底层的drag-drop.js非常灵活。您只需添加自己的第二个滑块，并根据另一个的位置以编程方式锁定每个条的最小 - 最大范围。您正在查看1 12kb（lgpl'ed）脚本包含以及大约10-20行代码来实现此目的。