滑塊
重要性：5
建立滑塊
使用滑鼠拖曳藍色滑塊並移動它。
重要細節
- 當按下滑鼠按鈕時，在拖曳過程中，滑鼠可能會移到滑塊上方或下方。滑塊仍會運作（對使用者來說很方便）。
- 如果滑鼠快速向左或向右移動，滑塊應準確地停在邊緣。
從 HTML/CSS 中可以看到，滑塊是一個具有彩色背景的 <div>，其中包含一個滑塊 – 另一個具有 position:relative 的 <div>。
我們使用 position:relative 來定位滑塊，以提供相對於其父項的座標，在這裡比 position:absolute 更方便。
然後，我們實作僅限於寬度的水平拖放。