Fermare animazione al passaggio del mouse

Ciao a tutti, vorrei inserire a questo codice la possibilità di fermare l'animazione una volta che si è passati col mouse sopra all'animazione.

Codice PHP:

---

<script>

function tick(){
$('#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
}
setInterval(function(){ tick () }, 23000);

</script>


---

Grazie in anticipo a chi vorrà aiutarmi.

Buon Natale. :=):

Prova con questo

Codice PHP:

---

<script type="text/javascript">
function move_box(elem) {
elem.animate({"marginTop": "-=10px"}, 500)
.animate({"marginTop": ""}, 500, function() { move_box($(this)) });
}

$(document).ready(function() {
$("#triggers a").each(function() {
move_box($(this)); //Start animation on each
});

$('#triggers a').hover(function() {
//Stop this element's animation
$(this).stop().toggleClass('active').children("div").show();
}, function() {
$(this).removeClass('active');
$(".feature-box").fadeOut();
move_box($(this)); //Resume animation only on this.
});
});
</script>


---

Purtroppo non funziona, quando passo il mouse sulla notizia invece di bloccarsi scompare.

Così?

Codice PHP:

---

<script>
var timer;
function tick(){
$('#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
}
function start() {
timer = setInterval(function(){ tick (); }, 23000);
}
start();
$(document).ready(
function() {
$('#ticker_01').hover(function() {
timer = clearInterval(timer);
}, function() { start(); });
}
);
</script>


---

EDIT: Probabilmente volevi che ripartisse

Esatto, grazie mille questo script funziona alla grande!

Continuavo ad usare .stop ma non funzionava, sto studiando le librerie jquery da poco e devo ancora prenderci la mano.

Grazie ancora,

Buon Natale.