Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Mostar/esconder lateral

12-07-2007 19:09

Esse é um script onde ao clicar em um link ativa uma aba lateral.

PARTE JAVASCRIPT
<script> function muda() { if(document.getElementById('conteudo').style.left=='-180px') { setTimeout("movimento('-160','conteudo')", 50) setTimeout("movimento('-140','conteudo')", 100) setTimeout("movimento('-120','conteudo')", 150) setTimeout("movimento('-100','conteudo')", 200) setTimeout("movimento('-80','conteudo')", 250) setTimeout("movimento('-60','conteudo')", 300) setTimeout("movimento('-40','conteudo')", 350) setTimeout("movimento('-20','conteudo')", 400) setTimeout("movimento('-0','conteudo')", 450) } else { setTimeout("movimento('0','conteudo')", 50) setTimeout("movimento('-20','conteudo')", 100) setTimeout("movimento('-40','conteudo')", 150) setTimeout("movimento('-60','conteudo')", 200) setTimeout("movimento('-80','conteudo')", 250) setTimeout("movimento('-100','conteudo')", 300) setTimeout("movimento('-120','conteudo')", 350) setTimeout("movimento('-140','conteudo')", 400) setTimeout("movimento('-160','conteudo')", 450) setTimeout("movimento('-180','conteudo')", 500) } } function movimento(dist,objeto) { document.getElementById(objeto).style.left=''+ dist +'px'; } </script>

PARTE CSS
<style type="text/css"> #conteudo{ position: fixed; top: 0px; left: 0px; } * html #conteudo{ position: absolute; top: expression(body.scrollTop + 0 + "px"); left: expression(body.scrollLeft + 0 + "px"); } .conteudo{ position:absolute; left:-180px; top:0px; height:100%; width:180px; background-color:#cccccc; } </style>

PARTE HTML
<div id="conteudo" class="conteudo" style="left:-180px;"> conteúdo aqui </div> <center><a href="javascript:muda()">link</a></center>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado