jQuery UI

先引入jQuery- ui     /    jQuer - min

 绑定   +draggable    自动设置位置随着鼠标移动 哪里停止就在哪里停下          

containment : "parent",           设置范围 只能在父元素里面移动

axis : x,       限制x轴移动  

opacity : 0.6,   移动时会变透明    

drag :  是一个function(ev ,  ui){                    //滚动的时候会给我们一个函数

        console.log( ui position.left   );

}

var newself =  ui position.left  ;

offset   表示相对浏览器的                position 表示相对父元素的       

width()、height() 获取元素width和height

innerWidth()、innerHeight()  包括padding的width和height 

outerWidth()、outerHeight()  包括padding和border的width和height 

outerWidth(true)、outerHeight(true)  包括padding和border以及margin的width和height