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


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17507
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 imagens ao passar o cursor sobre a div jQuery

09-06-2013 22:16

A idéia desse script, é usar o mouseenter do jQuery para que ao passar o cursor sobre determinada div, carregue as imagens que já estão nelas, só que escondida.

O script tem também uma imagem, que você pode usar uma figura de carregando, que é mostrada enquanto o usuário não passou o cursor sobre a div.

<style> .i{display:none;} </style>


<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('.img').mouseenter(function() { $(this).find('img').show(); $(this).find('.l').hide(); });   }); </script>


<br /><br /><br /><br /><br />   <div class="img" style="border:1px solid #ccc;"> <img src="f1.jpg" class="i"> <img src="f2.jpg" class="i"> <img src="loading.gif" class="l"> </div>   <br /><br /><br /><br /><br />   <div class="img" style="border:1px solid #ccc;"> <img src="f3.jpg" class="i"> <img src="f4.jpg" class="i"> <img src="loading.gif" class="l"> </div>

Referência http://api.jquery.com/mouseenter/?rdfro ... irect%3Dno
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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