Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

''''''''''''''

[Resolvido] JQuery: Plugin

Recommended Posts

Ola, gostaria de saber algum plugin Jquery, que me ajude a fazer o seguinte efeito:

 

EX¹: http://www.trampoart.com/diversos/menuanimado.htm#

EX²: http://www.billboard.com

(No billboard a caixa esta localizada no cando inferior esquerdo)

 

Coisa simples :D

Mais na qual nao achei na biblioteca Jquery ¬¬

Gostaria de saber se alguem teria o link de algum plugin do genero!

Obrigado desde jah!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para fazer este efeito você pode usar a função animate do jQuery, adicionando a biblioteca jQuery UI são adicionados novos efeitos de transição para a função animate.

 

A um tempo atrás eu precisei de um efeito parecido, eu criei algumas novas funções para isto, elas podem te ajudar a entender:

$.fn.extend({
slideRightShow: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).show('slide', {
           	direction: 'right'
       	}, velocidade, callback);
   	});
},
slideLeftHide: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).hide('slide', {
           	direction: 'left'
       	}, velocidade, callback);
   	});
},
slideRightHide: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).hide('slide', {
           	direction: 'right'
       	}, velocidade, callback);
   	});
},
slideLeftShow: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).show('slide', {
           	direction: 'left'
       	}, velocidade, callback);
   	});
},
slideLeftToggle: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).toggle('slide', {
           	direction: 'left'
       	}, velocidade, callback);
   	});
},
slideRightToggle: function (velocidade, callback) {
   	return this.each(function () {
       	$(this).toggle('slide', {
           	direction: 'right'
       	}, velocidade, callback);
   	});
}
});

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.