Question

好的，所以我的滑块只应该响应用户在拇指旋钮上按下鼠标按钮而移动。然后拇指旋钮应该沿着轨道移动以响应用户移动鼠标，并且当用户释放鼠标时应该停止移动。

这是我的代码到目前为止，但我不是肯定的，如果我应该使用Document.onkeydown，或者我会使用不同的函数来实现在给定的限制框内移动我的灰色滑块？

     <style>
     div.parent-item {

     width: 400px;
     height:50px;
     margin: 25px;
     border-style: solid;
     border-width: 1px;

        }

      #knob {
      width: 50px;
      height:50px;
       background-color: grey;
      margin-left: 25%;

          }

             }
      </style>
      </head>
      <body>
      <h1>in chrome</h1>

          <form action="horizontal_form.asp">
       <input type="radio" name="angle" value="Horizontal" checked>Horizontal
       <form action="vertical_form">
     <input type="radio" name="angle" value="Vertical">Vertical
           </form>
      <div class="parent-item">

         <div id="knob"></div>
        </div>

查看我的代码 - http://jsfiddle.net/xvrhumtc/

但如果有人可以提出任何建议，我们将不胜感激！

请不要关闭我的问题：）

这将是实施运动的最佳方式？

0 个答案: