Code666 (代码贴、代码片段)

[JavaScript] Javascript实现的窗口拖拽 →→→→→进入此内容的聊天室

来自 , 2021-02-09, 写在 JavaScript, 查看 106 次.
URL http://www.code666.cn/view/4afa1964
  1. // JavaScript Document
  2. /////Created By RexLee//////////
  3. ///////function/////////////////
  4. function dragwin(div){
  5.         var IsmouseDown;
  6.         function mdown()
  7.         {
  8.                 IsmouseDown=1;//全局变量
  9.                 x1=event.clientX;//全局变量x1
  10.                 y1=event.clientY;//全局变量y1
  11.                 x2=x1;//全局变量x2
  12.                 y2=y1;//全局变量y2
  13.                 }
  14.         function mup()
  15.         {
  16.                 IsmouseDown=0;
  17.                 }
  18.         function dragit()
  19.         {
  20.                 if(1==IsmouseDown)
  21.                 {
  22.                         x1=x2;
  23.                         y1=y2;
  24.                         x2=event.clientX;
  25.                         y2=event.clientY;
  26.                         var mx,my;
  27.                         mx=x2-x1;
  28.                         my=y2-y1;
  29.                         var xn=parseInt($("#"+div).css("left"),10);//parseInt(str,n)
  30.                         var yn=parseInt($("#"+div).css("top"),10);
  31.                         $("#"+div).css("left",xn+mx);
  32.                         $("#"+div).css("top",yn+my);
  33.                         }
  34.                 }
  35.         ////////////////////////////////
  36.         document.getElementById(div).onmousedown=mdown;
  37.         document.getElementById(div).onmouseup=mup;
  38.         document.getElementById(div).onmousemove=dragit;
  39. }
  40. dragwin("win");
  41. //javascript/239

回复 "Javascript实现的窗口拖拽"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666