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.
