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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17248
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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