jQuery样式效果-淡出其他框
jQuery样式效果-淡出其他框
提问于 2009-04-24 16:24:15
我一直在尝试创建这样的东西：http://jquerystyle.com/index.php -当你经过一个时，它会在滚动上设置一个类，而另一个会淡出，有人听说过这样做的资源吗？
回答 5
Stack Overflow用户
回答已采纳
发布于 2009-04-24 17:37:34
这可能正是您想要的：
jQuery fading/dimming other list elements when one is hovered over, I'm 90% there..?
It includes an example.
(当然，我有点偏见，但这正是您想要做的事情)
Stack Overflow用户
发布于 2009-04-24 16:48:51
你不应该需要一个插件或者任何东西，因为它应该是相当简单的。
假设您正在使用一个无序列表来包含元素，并为其提供了一个名为"nav“的id。
您可以使用hover事件将您的项目设置为“活动”，而将其他项目设置为“非活动”。
$(document.ready() {
$('ul#nav li').hover(function() {
$(this).closest('ul#nav').find('li').addClass('inactive');
$(this).removeClass('inactive').addClass('active');
},
function() {
$(this).closest('ul#nav').find('li').removeClass('inactive');
$(this).removeClass('active');
}
});现在，您可以使用active和inactive类设置每个类的样式。您还可以通过添加到链来对每个项目执行淡入淡出/其他动画。
Stack Overflow用户
发布于 2009-04-24 17:00:42
这应该可以让你开始学习了。
Javascript：
$(function() {
$(".InnerBox").hover(function() {
$(this).css('color', 'black').siblings(".InnerBox").css('color', 'gray')
});
$(".OuterBox").mouseout(function() {
$(this).find(".InnerBox").css('color', 'black')
});
});HTML
<div class="OuterBox">
<div class="InnerBox">1</div>
<div class="InnerBox">2</div>
<div class="InnerBox">3</div>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/786604
复制相关文章
相似问题
腾讯云开发者
