jquery - jquery图像效果不起作用

Question

这是我的代码。最初的 fadeTo 有效，其他都无效。

<script type="text/javascript" />

$(document).ready(function() {

$('#ButtonBGanim').fadeTo('fast',0.5);
        $('#ButtonBGanim').mouseenter(function() {
        $(this).fadeto('fast',1.0)


        }).mouseleave(function(){
        $this.fadeto('fast', 0.1);
        });
    });


</script>

<DIV id="ButtonBGanim">                    </DIV>

Answer 1

应该的fadeTo，不是fadeto的。

应该的$(this)，不是$this的。

<script type="text/javascript" />
$(document).ready(function() {
    $('#ButtonBGanim').fadeTo('fast',0.5);
    $('#ButtonBGanim').mouseenter(function() {
        $(this).fadeTo('fast',1.0);
    }).mouseleave(function() {
        $(this).fadeTo('fast', 0.1);
    });
});
</script>

Answer 2

在您的原始代码中，您可能拼错了 fadeTo() 但您也可以尝试像这样悬停：

<script type="text/javascript" />

$(document).ready(function() {

        $('#ButtonBGanim').fadeTo('fast',0.5);
        $('#ButtonBGanim').hover(function() {
        $(this).fadeTo('fast',1.0)


        },function(){
        $(this).fadeTo('fast', 0.1);
        });
    });


</script>