当前位置：文江博客话题详情

jQuery - 悬停时缩放 DIV（及其内容），并设置其他 DIV 的不透明度

发布于 2024-10-23 15:45:47 字数 220 浏览 1 评论 0原文

我有 4 个具有相同类“.category-container”的 DIV，基本上我需要做的就是在悬停时缩放整个 DIV 及其中的所有内容，例如 120%。当其中一个悬停在缩放效果上时，其他 3 个需要淡出至 50% 的不透明度。

我知道如何进行缩放部分，但是当其中一个在悬停时缩放时，我有点无法在其他 3 个 div 中发生淡出。

希望这是有道理的 - 有人可以帮忙吗？

扎克

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

云巢 2024-10-30 15:45:47

$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/ 给你

$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/ Here you go

回复收藏 0 原文

~没有更多了~