2 replies to this topic

[rancidrancid]

Alguem sabe como fazer esse efeito

http://www.brnbrasil.../home/index.php


essa barra nos produtos em destaque a hora que vc passa o mousse ela corre a hora que tira ela para !!


Obrigado !!

[fiote]

Você tem conhecimento em javascript? Vou abstrair pra você.

Crie um div (divCaixa), que vai ser uma caixa com width fixo no lugar que você quer que os produtos se movimentem. Além disso ele não deve mostrar a barra de rolagem, se não perde a graça (mas pode se quiser).

Dentro desse div, crie um segundo div (divLista), esse div precisa ter um width suficientmente grande pra que todos so produtos estejam um do lado do outro ser dar quebra de linha. Além disso, ele precisa ser definido com position absolute.

Dentro da divLista você vai colocar os produtos realmente.

Agora vc deve criar duas imagens - como as setas do site que vc postou - para controlar o movimento da divLista. Essas setas devem ter um onMouseOver pra chamar a função que movimente a divLista.

a função pode ser algo como:

<script>
function movimentaLista(direcao,velocidade) {
	var leftAtual = document.getElementById('divLista').style.left;
	var novoLeft = leftAtual + (direcao*velocidade);
	document.getElementById('divLista').style.left = novoLeft;
}
</script>

A imagem da direita chamaria movimentaLista(1,5) e a da esquerda chamaria movimentaLista(-1,5).

Lembrando que no caso esse 5 é a 'velocidade' que ela vai se movimentar.



Sua vez agora

[rancidrancid]

vixe nem vou conseguir !!!

mais valeuu abraço!!!