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


Moderador: web

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

Menu lateral ao passar o cursor

07-05-2007 16:13

Esse é um script de um menu daqueles que fica fixo na lateral do documento, e quando passa o cursor sobre. ele é mostrado o restante do mesmo.


<style type="text/css"> /* estilo para o 1º menu (div)  */ .div1{ position:absolute; left:-85; top:10px; background-color:#cccccc; width:100px; text-align:right; } /* estilo para o 2º menu (div) */ .div2{ position:absolute; left:-85; top:40px; background-color:#cccccc; width:100px; text-align:right; } </style>


<div class="div1" onMouseover="this.style.left='0px'" onMouseout="this.style.left='-85px'"> <table border="0" width="100%"> <tr> <td align="left">conteúdo</td> <td align="right">1</td> </tr> </table> </div>   <div class="div2" onMouseover="this.style.left='0px'" onMouseout="this.style.left='-85px'"> <table border="0" width="100%"> <tr> <td align="left">conteúdo</td> <td align="right">2</td> </tr> </table> </div>

Obs.: Caso seu conteúdo para esse menu for maior que esse de exemplo, basta editar o posicionamento no CSS (left e top) para o desejado.

Altere também o onMouseover e onMouseout de cada div de acordo com o escolhido no CSS.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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