Эффект изображения jquery не работает

Вот мой код. Начальный 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>

jquery effects
person Jared    schedule 08.12.2009    source источник
comment
Строчные буквы в fadeto это опечатка?   -  person Joel    schedule 09.12.2009
comment
Разве вы не должны использовать fadeTo вместо fadeto в обоих обратных вызовах?   -  person Darin Dimitrov    schedule 09.12.2009

Ответы (2)


arrow_upward
2
arrow_downward

Должно быть 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>
person chrismjones    schedule 08.12.2009
comment
да, я только что заметил это ... но исправленный код все еще не запускается? - person Jared; 09.12.2009
comment
Да, я разместил тестовую страницу на своем локальном хосте, чтобы убедиться, что она работает, перед тем, как опубликовать. Спасибо jitter за добавление закрывающего тега скрипта. - person chrismjones; 09.12.2009

arrow_upward
0
arrow_downward

В исходном коде вы могли ошибиться в написании 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>
person Vincent Ramdhanie    schedule 08.12.2009