Ir para conteúdo

POWERED BY:

Arquivado

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

Gabriel123

Deslizar div esquerda direita

Por , em Javascript

Recommended Posts

Gabriel123    0

Gabriel123
Postado

Bom galera sei q o intuito do forum é ajudar + n sei quase nd de js então se alguém puder ajudar ai, ja to desesperado ^^.

Eu acho que é até simple + procurei e n encontrei o q quero.

é o seguinte, vai ter um conteúddo fazendo um laço vindo do banco e esse conteúdo vai ficar dentro de uma div e vai mostrar 2 blocos de noticias ai quando quiser ver as outras clica nas setas pra deslizar a div para esquerda ou direita.

+ ou - assim

<<<<<<< (div ) >>>>>>>

mostra 2 blocos na div e quando clica nas setas desliza , deu pra entender?

o que preciso é desse js se possivel claro ou um help ai pra eu seguir XD.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

veja o plugin cycle do jQuery

 

http://jquery.malsup.com/cycle/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jhony ZaM    1

Jhony ZaM
Postado

Cara da uma olhada neste post que ajudei uma brother ai do forum

 

Olha aki

 

A diferenca é que ele é pra cima e pra baixo, substitua o campo no jquery de top para left e vai funcionar vlw.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel123    0

Gabriel123
Postado

vlw galera, vo da uma olhada quado conseguir post devolta

 

vlw jhony to quase =D

 

[html]<!DOCTYPE html>
<html>
<head>
<script>
function fun_teste(teste)
{
 $("#div_movimenta").animate({"left": teste+"=880"}, 800, function() {
    if(teste == '+')
        {
               teste = '-';
        }
        else
        {
               teste = '+';
        }


 });
}

</script>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
 <style>
.div_movimenta
{
 position:absolute;
 left:20%;
 margin:5px;
 border:solid 1px #000000;
 height:30px;
}
.esquerda {
width:30px;
float:left;
margin-top:30px;
}
.direita{
width:30px;
float:right;
margin-top:30px;

}
.segura{
width:900px;
height:300px;
margin-left:auto;
margin-right:auto;
border:solid 1px #999999;
}
.conteudo {
position:static;
float:left;
width:350px;
border:solid 1px #FF0000;
margin-right:80px;
}
</style>

</head>
<body >
<div class="segura">
 <a href="#" class="esquerda" onClick="fun_teste('-')">volta</a>
     <div class="div_movimenta" id="div_movimenta">
       <div class="conteudo">roteiro 1</div>
	<div class="conteudo">roteiro 2</div>
       <div class="conteudo">roteiro 3</div>
	<div class="conteudo">roteiro 4</div>
     </div>
 <a href="#" class="direita" onClick="fun_teste('+')">vai</a>
 </div>
</body>
</html>[/html]

 

O que eu queria agora é q as divs conteudo ficassem sempre uma ao lado da outra, tentei tudo aqui n consegui =// , e o + f*** q achei é que quando o conteúdo ficasse fora da div segura ele n aparecesse, copiem o codigo ai que vcs vão ver melhor ^^. vlw galera ta quase.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito