步骤:
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';
}