• » Introdução PHP
  • » Box em Video
  • » Adicionando PHP á HTML
  • » Postagem com PHP
  • » Progamas Atualizados!
  • » Concurso de Layout!

  • Olá, eu sou o Dartz, o novo membro e irei ensinar para vocês como usar o efeito Draggable.
    EXEMPLO: Clique Aqui  e arraste qualquer coisa para qualquer lugar.

    1° - Antes do fechamento da tag "</head>" adicione o seguinte código:


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

    <script type="text/javascript" src="http://www.hectormoraes.xpg.com.br/jquery-ui.js"></script>


    <script>

    $function(){

    $('#NOME DA DIV, #NOME DA DIV, #NOME DA DIV').draggable({

    start: function(){},

    delay:0,

    revert:false,

    scroll:false

    });

    });

    </script>                



    EDITANDO:
    #NOME DA DIV --- Nome da div do objeto, que você quer que se arraste, por exemplo, para o topo do site coloque #header, se tiver em classe coloque .header


    revert --- Padrão, false - FALSE: ao arrastar o objeto ficará no determinado lugar onde você o deixou. TRUE: ao soltar o objeto quando arrastar, voltará para o lugar de origem.

    delay:  Tempo em que o objeto sairá do lugar de origem, por exemplo, se colocar delay:3000, o objeto demorará 3 segundos para sair do lugar

    scroll: não mexa.

    NÃO FOI TESTADO EM BLOGSPOT, SE QUISER TESTE, MAS É MAIS PROVÁVEL QUE FUNCIONE EM WEBSITE.