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:

Mostrar uma nova linha ao passar o cursor e apagar quando tirar o cursor

18-05-2015 13:12

Nesse post mostro um script em jQuery onde será mostrado uma div com uma linha somente.
Quando passar o cursor sobre a div, será adicionado o conteúdo de outra div, criando uma nova linha.
Quando tirar o cursor a div volta ao seu conteúdo normal, com uma só linha.

<style> div.div{ border:1px solid #ccc; display:block; } div.divc{display:none;} </style> <script src="jquery.js"></script> <script> $(function() { var conteudo = $("div.div").html(); $("div.div").hover( function(){ $('div.div').append($('.divc').html()); }, function(){ $('div.div').html(conteudo); } ); }); </script> <div class="div">LINHA 1<br /></div> <div class="divc">LINHA 2</div>

2
A melhor hospedagem para o seu site HostGator!

Quem está online

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