Cherameuhabbo Cherameuhabbo  • 20.04.12 23:05

Movendo objeto com o mouse - jQuery Empty Movendo objeto com o mouse - jQuery 20.04.12 23:05

Reputação da mensagem: 100% (1 votos)
Olá,

Achei o um efeito maravilhoso.
Com ele você pode mover o objeto.
Página:
Código:
<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <style type="text/css">
    #draggable { width: 100px; height: 70px; background: silver; }
  </style>
  <script>
  $(document).ready(function() {
    $("#draggable").draggable();
  });
  </script>
</head>
<body style="font-size:62.5%;">
 
<div id="draggable">Drag me</div>

</body>
</html>
Código:
Código:
$(document).ready(function() {
    $("Seletor").draggable();
  });
. → Seleta um objeto class:
Código:
<div class="nha"></div>
$(document).ready(function() {
    $(".nha").draggable();
  });

# → Seleta um objeto ID:
Código:
<div id="nha"></div>
$(document).ready(function() {
    $("#nha").draggable();
  });

Demo: http://pastehtml.com/view/bvghie2xe.html

~Necr0 ~Necr0  • 20.04.12 23:24

Movendo objeto com o mouse - jQuery Empty Re: Movendo objeto com o mouse - jQuery 20.04.12 23:24

Muito legal, testei funfou direitinho.

-luiz,, -luiz,,  • 21.04.12 11:10

Movendo objeto com o mouse - jQuery Empty Re: Movendo objeto com o mouse - jQuery 21.04.12 11:10

Mais simples que o drag'n drop que da muito trabalho! ;)

Matt Matt  • 21.04.12 11:16

Super ModeradorMembro da Equipa

Movendo objeto com o mouse - jQuery Empty Re: Movendo objeto com o mouse - jQuery 21.04.12 11:16

Belo código alem disso funfa certo aqui parabéns.

Conteúdo patrocinado  • 

Movendo objeto com o mouse - jQuery Empty Re: Movendo objeto com o mouse - jQuery

Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.