fenêtre.onload = tra?née;

  fonction glisser () {

  var oTitle = getClass ( ''login_logo_webqq'', ''loginPanel'') [0];

  // tra?ne

  oTitle.onmousedown = fnDown;

  // Fermez le popup

  var = oClose documents.getElementById ( ''ui_boxyClose'');

  oClose.onclick = function () {

  document.getElementById ( ''loginPanel'').style.affichage = ? Aucune ?;

  }

  // état de commutation

  var = loginState documents.getElementById ( ''loginstate''),

  stateList = Document.getElementById ( ''loginStatePanel''),

  lis = stateList.getElementsByTagName ( ''li''),

  stateTxt = Document.getElementById ( ''login2qq_state_txt''),

  loginStateShow = Document.getElementById ( ''login-state_show'');

  loginState.onclick = function (e) {

  // ul empêcher bouillonnant de documenter ce qui est caché;

  e = e || fenêtre.un événement;

  si (e.stopPropagation) {

  e.stopPropagation ();

  } {Esle

  e.cancleBubble = true;

  }

  stateList.style.afficher = ? bloc ?;

  }

  // lorsque la souris passe sur / gauche et cliquez sur la liste d''état

  for (var i = 0, i

  lis [i].onmouseover = function () {

  cette.style.background = "# 567";

  }

  lis [i].onmouseout = function () {

  cette.style.background = "# fff";

  }

  lis [i].onclick = function (e) {

  // éviter bullage loginState l''affichage stateList;

  e = e || fenêtre.un événement;

  si (e.stopPropagation) {

  e.stopPropagation ();

  } {Esle

  e.cancleBubble = true;

  }

  var id = ce.id;

  stateList.style.afficher = "none";

  stateTxt.innerHTML = getClass ( ''stateSelect_text'', id) [0].innerHTML;

  loginStateShow.className = '''';

  loginStateShow.className = ''login-state-show'' + id;

  }

  }

  document.onclick = function () {

  stateList.style.afficher = "none";

  }

  }

  // souris vers le bas événement;

  fonction fnDown (event) {

  event = événement || fenêtre.un événement;

  var = oDrag documents.getElementById ( ''loginPanel''),

  // Lorsque la souris est pressée, la distance entre la souris et le panneau;

  DISX = événement.clientX - oDrag.offsetLeft,

  DISY = événement.clientY - oDrag.offsetTop;

  //mobile

  document.onmouseover = function (event) {

  event = événement || fenêtre.un événement;

  fnMove (événement, DISX, disy);

  }

  // Relachez la souris

  document.onmouseup = function () {

  document.onmouseover = null;

  document.onmouseup = null;

  }

  }

  // événements de mouvement de la souris;

  fonction fnMove (e, posX, posY) {

  var = oDrag documents.getElementById ( ''loginPanel''),

  l = e.clientX-posX,

  t = e.clientY-posY,

  winW = Document.documentElement.Le document de clientWidth.corps.clientWidth,

  winH = Document.documentElement.Le document de clientHeight.corps.ClientHeight;

  maxW = winW-oDrag.offsetWidth,

  maxH = winH-oDrag.offsetHeight;

  si (l<0){

  l = 0;

  } Else if (l> maxW) {

  L = maxW;

  }

  si (t<0){

  t = 0;

  } Else if (t> maxH) {

  t = maxH;

  }

  oDrag.style.gauche = l + ''px'';

  oDrag.style.top = t + ''px'';

  }

événements JavaScript DOM (notes)

Recommend Article: