Ролловер Javascript заставляет странно мерцать текст тела - как это исправить?

Question

В настоящее время я работаю на веб-сайте, они хотят, чтобы я добавил эффект ролловера на главной странице (vps.futureaccess.ca/~kraun). Итак... Я нашел хороший код Javascript и вставил его в PHP, но когда я переместил мышь на одну из этих 3 кнопок, я заметил странное "мерцание" основного текста. Мне было интересно, если вы знаете, как решить эту проблему? Я не эксперт по JavaScript.

Вот код JavaScript:

<script type="text/javascript">         
$(document).ready(function(){

    //Set opacity on each span to 0%
    $(".rollover").css({'opacity':'0'});

    $('.img_list a').hover(
        function() {
            $(this).find('.rollover').stop().fadeTo(700, 1);
        },
        function() {
            $(this).find('.rollover').stop().fadeTo(500, 0);
        }
    )

});     
</script>

Спасибо!

Answer 1

Не исчезать до нуля (что делает его исчезнуть), исчезать до 0.1