如何在鼠标悬停上显示/隐藏元素？

jQuery代码：

$('.jcarousel-item-horizontal').hover(function(event){ 
        event.preventDefault(); 
        event.stopPropagation(); 
        $("p[class*='hover_carosuel']").fadeIn(300) 
        },function(){ 
        $("p[class*='hover_carosuel']").fadeOut(400) 
       })

示例代码HTML：

<li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1" style="float: left; list-style: none;"> 
    <div class="views-field views-field-field-zdjecie"> 
     <div class="field-content"> 
      <a href="http://www.localhost/linia-pro"><img typeof="foaf:Image" src="http://www.localhost/sites/default/files/pro.png" width="90" height="90" alt=""></a> 
     </div> 
    </div> 
    <div> 
     <p class="hover_carosuel"> 
      <a href="/linies">Pro</a> 
     </p> 
    </div> 
</li> 

<li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1" style="float: left; list-style: none;"> 
    <div class="views-field views-field-field-zdjecie"> 
     <div class="field-content"> 
      <a href="http://www.localhost/linia-pro"><img typeof="foaf:Image" src="http://www.localhost/sites/default/files/pro.png" width="90" height="90" alt=""></a> 
     </div> 
    </div> 
    <div> 
     <p class="hover_carosuel"> 
      <a href="/linies">Pro</a> 
     </p> 
    </div> 
</li> 

<li class="odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" jcarouselindex="1" style="float: left; list-style: none;"> 
    <div class="views-field views-field-field-zdjecie"> 
     <div class="field-content"> 
      <a href="http://www.localhost/linia-pro"><img typeof="foaf:Image" src="http://www.localhost/sites/default/files/pro.png" width="90" height="90" alt=""></a> 
     </div> 
    </div> 
    <div> 
     <p class="hover_carosuel"> 
      <a href="/linies">Pro</a> 
     </p> 
    </div> 
</li>

来源

2014-02-19 BlackQNX

*** “如何jqeury” 我***没有意识到jQuery也可以用作动词：P。你能给我们提供一个jsfiddle吗？ http://jsfiddle.net/ – RononDex

如果我没有弄错这个：http://jsfiddle.net/Z9xDK/是你所追求的。否则，请提供更多详情。 – eithed

试试这个，

$(function(){ 
    $('.jcarousel-item-horizontal').hover(function(event){ 
     event.stopPropagation(); 
     $(this).find("p.hover_carosuel").fadeIn(300); // fade-in only the child p element 
    },function(){ 
     $(this).find("p.hover_carosuel").fadeOut(400);// fade-out only the child p element 
    }); 
});

来源

2014-02-19 09:42:53

如何在鼠标悬停上显示/隐藏元素？

回答

相关问题