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


Moderador: web

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

Expandir div ao passar o cursor

25-02-2011 11:13

Esse script é uma div que tem um tamanho pequeno, e usa barra de rolagem para ocultar o restante do conteúdo. Ao passar o cursor sobre a div, ela expande ficando da altura exata do conteúdo dentro dela.

<div id="div" style="border: 1px solid #cccccc; padding: 5px; overflow: auto; width: 500px; height:100px;" onmouseout="document.getElementById('div').style.height='100';" onmouseover="document.getElementById('div').style.height='';">   conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />conteúdo<br />   </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]