在其他DIV上切换不透明度 [英] Toggle Opacity on other DIVs

问题描述

我一直在寻找一种简单的方法(可能是使用jQuery)来降低所有其他DIV悬停时的不透明度并将它们重新放回原处.

I was looking for a simple way, probably with jQuery, of lowering the opacity of all other DIVs when hovered and returning them back in on out.

<div id="fade_container">
     <div id="fade1">Content</div>
     <div id="fade2">Content</div>
     <div id="fade3">Content</div>
     <div id="fade4">Content</div>
</div>

例如:当将 fade2 悬停在 fade1 ， fade3 和 fade4 上时应该会失去一些透明度.

For example: When fade2 is hovered fade1, fade3 and fade4 should lose some opacity.

任何帮助，我们都会感激的，

Any help would be appreciated,

谢谢！

推荐答案

http://api.jquery.com/fadeTo/

$('#fade_container div').hover(function(){  // mouseover 
  $(this).siblings().fadeTo('fast',0.5);  
}, function(){  // mouseout 
  $(this).siblings().fadeTo('fast',1.0);
});

http://jsfiddle.net/6XygU/4/

这篇关于在其他DIV上切换不透明度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！