Carregando atualizações...

X

Usando EasyDrag + JQuery para Mover os Elementos ou Imagens Apenas Clicando Sobre Eles

Nesta postagem compartilho com vocês este código muito criativo para você colocar em seu blog/site; Além de melhorar o Design do seu blog, deixa também seu blog muito mais moderno.

Veja uma demonstração aqui mesmo!!! Arraste as imagens abaixo e veja que interessante.








Este é o efeito. Como vocês podem ver é um ótimo código!

Para colocar em seu blog...... Entre em "Modelo" - "Editar HTML" e procure pela tag
</head>
Tendo encontrado a tag, basta colocar ACIMA dela o seguinte código
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://yourjavascript.com/7735504141/c-digodicashot.js' type='text/javascript'/>
Tendo colado o código, salve. Salve e feche.



Para colocar em seu blog, adicione um gadget ou coloque em uma  postagem, fica a seu critério

<img id="easydrag1" src="URL da sua imagem" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag1").easydrag();});
</script>
Para colocar o efeito EasyDrag em mais de uma image, basta repetir o código mudando o número, assim:
<img id="easydrag2" src="URL da sua imagem" style="border: 0px none; cursor: move;" />
<script type="text/javascript">
$(function(){ $("#easydrag2").easydrag();});
</script>
Se for colocar mais uma vez, faça a mesma coisa substituindo o número 2 pelo 3 e assim subcessivamente.

Deixe seu comentário.



NOSSO CANAL
VER TV A CABO ONLINE GRÁTIS
TV ONLINE 1.0