JS实现上下节点拖拽，左右节点拖拽原理类似

思考：

1.怎么判断它拖拽？怎么判断上还是下拖拽？
鼠标事件clientY，当鼠标点击某个节点不放，记录这时候的鼠标纵坐标S1，当松开鼠标，再记录此时的鼠标纵坐标S2
S2-S1如果大于0，就是向下拖拽，反之
2.怎么实现节点“移动”？
替换节点代码
3.怎么知道它拖拽的时候跨越了几个节点？
由于这些节点都是某个父节点的子节点，放在一个数组里，都有下标，所以可以结合S2-S1和每个节点的宽度来计算跨越了多少个节点

代码如下：

<ul id='parent'>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
  </ul>