js 实现分割条

js 实现 切分条效果， 为了熟悉js  写法，纯javascript 脚本编写

简单介绍几个函数：

setCapture()函数的作用就是将后续的mouse事件都发送给这个对象，

releaseCapture() 就是将鼠标事件还回去

由document、window、object之类的自行来处理，这样就保证了在拖动的过程中，不会由于经过了其它的元素而受到干扰。另外，还有一个很重 要的事情是，在Win32上，mouse move的事件不是一个连续的，也就是说，并不是我们每次移动1px的鼠标指针，就会发生一个mousemove，windows会周期性检查mouse的位置变化来产生mousemove的事件。所以，如果是一个很小的页面对象，比如一个直径5px的圆点，如果没有setCapture和releaseCapture，那么在鼠标按住之后，快速的移动鼠标，就有可能鼠标移动走了，但是小圆点还在原地，就是因为下一次的mousemove事 件已经不再发给这个圆点对象了。

 

var siblingElem = function (elem)
{
    var _nodes = [];

    while ((elem = elem.previousSibling))
    {
        if (elem.nodeType === 1)
        { _nodes.push(elem); break; }
    }
    return _nodes[0];
}
var nextElem = function (elem)
{
    var _nodes = [];
    while ((elem = elem.nextSibling))
    {
        if (elem.nodeType === 1)
        { _nodes.push(elem); break; }
    }
    return _nodes[0];
}

获取相邻两个左右两个元素