Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Shiva

menu (layer) flutuante e arrastável

Por , em Javascript

Recommended Posts

alicacwb    0

alicacwb
Postado

Bem, de arrastável, eu tenho esse modelinho aki...

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><META content="text/html; charset=windows-1252" http-equiv=Content-Type><script language=JavaScript>  var dragswitch=0   var nsx  var nsy  var nstemp  function drag_dropns(name){  temp=eval(name)  temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)  temp.onmousedown=gons  temp.onmousemove=dragns  temp.onmouseup=stopns   }  function gons(e){  temp.captureEvents(Event.MOUSEMOVE)  nsx=e.x  nsy=e.y  }  function dragns(e){  if (dragswitch==1){  temp.moveBy(e.x-nsx,e.y-nsy)  return false   }  }  function stopns(){  temp.releaseEvents(Event.MOUSEMOVE)  }  var dragapproved=false  function drag_dropie(){  if (dragapproved==true){  document.all.showimage.style.pixelLeft=tempx+event.clientX-iex  document.all.showimage.style.pixelTop=tempy+event.clientY-iey  return false  }  }  function initializedragie(){  iex=event.clientX  iey=event.clientY  tempx=showimage.style.pixelLeft  tempy=showimage.style.pixelTop  dragapproved=true  document.onmousemove=drag_dropie  }  if (document.all){  document.onmouseup=new Function("dragapproved=false")   }  function hidebox(){  if (document.all)  showimage.style.visibility="hidden"  else if (document.layers)  document.showimage.visibility="hide"  }  </SCRIPT><META content="MSHTML 5.00.3315.2870" name=GENERATOR></HEAD><BODY><DIV id="showimage" style="LEFT: 88px; POSITION: absolute; TOP: 44px; WIDTH: 238px; height: 39px;">   <TABLE bgColor="#000080" border="0" cellPadding="2" cellSpacing="0" width="250">  <TBODY>  <TR>    <TD width="100%">      <TABLE border="0" cellPadding="0" cellSpacing="0" height="36" width="100%">        <TBODY>        <TR>          <TD onmousedown="initializedragie()" style="CURSOR: hand" width="100%"><ILAYER width="100%"><LAYER onmouseout="dragswitch=0" onmouseover="dragswitch=1;drag_dropns(showimage)" width="100%">    <FONT color="#ffffff" face="Verdana"><STRONG><SMALL>Caixa de aviso</SMALL></STRONG></FONT></LAYER></ILAYER></TD>            <TD style="CURSOR: hand"><A href="http:///" onclick="hidebox();return false"><IMG border="0" height="13 " src="pastax.gif" width=14></A></TD>     </TR>           <TR bgcolor="#ffffff">     <TD width="100%" colSpan="2" style="PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px"><div align="center"><SMALL><STRONG><FONT face="Verdana">Seu    	 e-mail foi enviado com sucesso</FONT></STRONG></SMALL></div></TD>              </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></BODY></HTML>

 

Alica CWB ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito