25、滑块定制与无 Flash 音效实现

滑块定制与无 Flash 音效实现

在网页开发中，滑块和音效都是增强用户体验的重要元素。下面将详细介绍滑块的定制以及如何在不使用 Flash 的情况下播放音效。

滑块基础定制

滑块的定制主要涉及两个方面：滑块的方向和初始值。
- axis ：用于定义滑块是水平（默认）还是垂直方向。这个设置会限制滑块手柄在相应轴上的拖动移动。
- sliderValue ：确定滑块手柄的初始位置，默认是范围的起始位置。范围默认是 [0;1] ，即从 0 开始。如果是垂直滑块，初始位置可以设置为 0.5，也就是中间位置。

以下是创建滑块的代码示例：

document.observe('dom:loaded', function() {
    new Control.Slider('handle1', 'track1');
    new Control.Slider('handle2', 'track2', {
        axis: 'vertical', sliderValue: 0.5 
    });
});

在拖动滑块手柄时，我们通常希望知道当前的位置，以便用户了解他们设置的值。这可以通过两个回调函数来实现：
- onSlide ：每当滑块手柄移动时触发。
- onChange ：当鼠标按钮最终释放，结束滑块手柄的拖动时触发。