文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery悬停淡出问题

问jQuery悬停淡出问题
EN

Stack Overflow用户

提问于 2009-08-07 23:16:16

回答 2查看 244关注 0票数 0

嗨，有人能解释一下我做错了什么吗？我正在尝试让一个图像(bub1)在你将鼠标移到一个链接(butt1)上时淡入，当你移走时淡出。谢谢你的帮助。

我根据这里的帮助更新了这个，并添加了我的html...

    <a href="#" class="butt1"><img src="images/button-1.png" alt="" class="home-butt-1"/></a>

<div class="bub1"><img src="images/bubble-bl.png" alt="" /></div>

    <script type="text/javascript">

$(function() {
    $('.bub1').hide();
    $('a.butt1').hover(function() {
        $(this).find('.bub1').fadeIn('fast');
    }, function () {
        $(this).find('.bub1').fadeOut('fast');
    });
});

</script>

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-08-07 23:53:32

这样如何：

$(function() {
    var bub1 = $('.bub1').hide();
    $('a.butt1').hover(function() {
        bub1.fadeIn('fast');
    }, function () {
        bub1.fadeOut('fast');
    });
});

票数 1

Stack Overflow用户

发布于 2009-08-07 23:22:49

你的语法是错的，应该是：

$(function() {
    $('a.bub1').hide();
    $('a.butt1').hover(function() {
        $('.bub1', this).fadeIn('fast');
    }, function () {
        $('.bub1', this).fadeOut('fast');
    });
});

您的错误是"$(this).('.bub1')"，当您想要选择另一个元素中的一个元素时，语法为$('.selector', '.parent_selector')或$('.selector'，parentjQueryobj)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1247418

复制

相似问题

问jQuery悬停淡出问题
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery悬停淡出问题EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery悬停淡出问题
EN