Bonjour à tous,

En fait, j'aimerais faire changer la couleur d'un texte progressivement puis le faire revenir à sa couleur initiale progressivement aussi. Une sorte de highlight mais sur un texte.

Exemple : noir -> rouge -> noir

Pour faire ça j'ai utilisé ce code :

Fichier Javascript
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function () {                                
    $('#lien').click(function () {    
        $('#test').animate({
            color: 'red'
        },500, function() {
            $(this).animate({
                color: 'black'
            },1000);
        });
    });
});
Fichier HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/color.js"></script>
<script type="text/javascript" src="test_animate.js"></script>
</head>
<body>
<span id="test" style="font-size: 30pt ;">Test</span><br/><br/>
<a href="#" id="lien">Click</a>
</body>
</html>
Mais, j'ai un bug bizarre qui apparait aléatoirement (on va dire une fois sur trente environ). Le texte reste en rouge. J'ai essayé plein de trucs, mais ça merdoie toujours.

Si quelqu'un a une solution ça m'aiderait vraiment beaucoup, il faut vraiment que je trouve une solution pour corriger ce bug...

Merci d'avance.