js面板拖拽效果

步骤：

1.在指定可拖动区域中按下；

2.在页面中移动；

3.释放图标时停止移动；

事件onmousedown：在用户按下任何鼠标按钮时触发。

光标的位置可用event的属性clientX和clientY来获得，他们的值表示事件发生时鼠标指针在视口中的水平坐标和垂直坐标。不包括页面滚动的距离。（离页面最左边和最上边的距离）

时间onmousemove：当鼠标指针在元素内部移动时重复的触发。

伪代码：

//先获得可拖动区域对象即面板的一部分 var otitle；

//添加事件otitle.οnmοusedοwn=fndown;

function fndown()

{       获得面板对象var odragon;

function(e)//event

{
           event=event||window.event;

           odragon,style.left=event.clientX+'px';

           odragon.style.top=event.clientY+'px';

}