スライダー
重要性: 5
スライダーを作ってください:
マウスで青いハンドルをドラッグして移動させてください。
重要な詳細:
- マウスボタンが押されたとき、ドラッグ中にマウスがスライダーの上下に行く可能性があります。スライダーはそれでも動作します(ユーザには便利です)。
- もしマウス左右に非常に速く移動する場、ハンドルは正確に端で止まります。
ここでは、水平なドラッグ&ドロップです。
要素を配置するために、ハンドルに対して、position:relative とスライダーに相対的な座標を使います。ここでは position:absolute を使うよりもより便利です。