Efeito Droppable em jQuery

[XDian 1]

Esse efeito é bom para prevenir spans ou fazer dele tipo uma Proteção de Links, ele funciona mais ou menos assim: a pessoa arrasta a caixa pequena para a caixa grande ai pode aparecer um alerta em javascript ou ir para uma página. Vamos ao código de abrir uma janelinha pop-up

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Que da o seguinte resultado:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Note que onde está no código:

drop: function() { alert('Web Cheats'); }

O "Web Cheats" vc pode alterar por um texto qualquer

 

Se você quiser que isso aja como uma proteção de links, a pessoa só vai poder ver o link quando ela arrastar a caixa azul! Estou tentando fazer um site com meu amigo que é esse tipo de protetor, vamos ao código:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Dando o seguinte resultado:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Note que onde está:

drop: function() { open('http://www.webcheats.com.br'); }

Você tem que alterar o

"http://www.webcheats.com.br"

pelo link q vc quer proteger.

 

Nesse site:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

você pode ver outras coisas que você pode substituir pelo

open('http://www.webcheats.com.br')

por coisas bem legais, tipo, parar de carregar a página, atualizar a página, imprimir a página, etc.

 

Obrigado por ler este texto! :yes: