使用jquery隐藏图像悬停上的多个span类
问题描述:
我试图在图像上悬停多个span类(在本例中名为.highlight)淡出并在淡出时淡入淡出的效果。使用jquery隐藏图像悬停上的多个span类
这是我到目前为止有:
$(function() {
var trigger = $('.imglist img'),
target = $('.highlight');
trigger.hover(function() {
target.fadeOut('slow');
}); //end inner function
}); //end outer function
HTML
<span class="highlight">Opera Krakowska</span>
(我有整个这个类应用到他们的网站很多头衔。)
<div class="imglist">
<a href="#"><img src="images/projects/operakrakowska/operakrakowska_01.png" width="750px"></a>
</div>
有任何想法吗? 在此先感谢!
答
.hover(handlerIn, handlerOut)
试试这个:DEMO
$(function() {
var trigger = $('.imglist img'),
target = $('.highlight');
trigger.hover(function() {//when mouse over
target.fadeOut('slow');
},function(){//when mouse out
target.fadeIn('slow');
});
});
+0
这很好用,谢谢! – krubkiewicz 2014-09-14 00:02:40
答
$('.imglist').find('.highlight').css('opacity', 1);
$('.imglist .hoverImg').hover(
function(){
$('.highlight').stop().fadeTo('slow', 0.4);
},
function(){
$('.highlight').stop().fadeTo('slow', 1);
}
);
那么是什么在这做什么工作的?此外,为了得到一些有用的答案,我建议发表你的代码小提琴:http://jsfiddle.net/ – andreivictor 2014-09-13 18:39:24
你的jQuery库加载? – Manwal 2014-09-13 18:42:58