[Resolvido] Referenciar elemento dentro de um "this"
Serei breve...
<ul id="portfolio">
<li>
<ul class="cliente">
<li class="desc">
<ul>
<li><p><strong>Cliente:</strong><br />
MG3 Gráfica Distribuidora e Livros</p></li>
<li><p><strong>Objetivo:</strong><br />
Expôr os produtos da empresa para seus clientes através da internet.</p></li>
<li><p><strong>Endereço:</strong><br />
www.mg3grafica.com.br</p></li>
</ul></li>
<li class="screen"><img src="images/portfolio/mg3.png" alt="MG3 Gráfica" class="print" /></li>
</ul>
</li>
</ul>
<script type="text/javascript">
$(function () {
$(".print").css({ opacity: 0.1 });
$(".cliente").mouseover(function(){
$(".print").stop().animate({ opacity: 1 });
}).mouseout(function(){
$(".print").stop().animate({ opacity: 0.1 });
});
});
</script>
Online: http://www.sightwd.com/portifolio
---
Ao passar o mouse na **<ul>** CLIENTE, que tem a <li> DESC e <li> SCREEN, aplicar o efeito **na imagem** dentro da **<li>** SCREEN.
Porém, só da <li> que estiver com mouse em cima.
Tentei:
$(this)
$(this .screen img)
$(this+' .screen img')
$(this)('.screen img')
Agradeço. http://forum.imasters.com.br/public/style_emoticons/default/natal_noel.gif
Discussão (3)
Carregando comentários...