Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17720
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Drop Drag ( arrasta figura )

05-10-2007 12:40

Abaixo segue um script que permite arrastar a figura que tiver a classe .dropdrag.

CSS

<style type="text/css"> .dropdrag{position:relative; cursor:hand;} </style>

JAVASCRIPT

<script language="JavaScript1.2"> var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if(isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj       = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while(fobj.tagName != topelement && fobj.className != "dropdrag") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if(fobj.className=="dropdrag") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function("isdrag=false"); </script>

HTML

<img src="suafigura.jpg" class="dropdrag" style="cursor: pointer;">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado