Native Slider

With hover pause

HTML

<div id="anidiv">
    <p>Pause jquery animation on mouseover 1...</p>
    <p>Pause jquery animation on mouseover 2...</p>
    <p>Pause jquery animation on mouseover 3...</p>
    <p>Pause jquery animation on mouseover 4...</p>
</div>

CSS

p {background-color:pink; cursor:pointer;}

JavaScript

$('#anidiv p').hide();
InOut($('#anidiv p:first'));

function InOut(elem) {
    elem.delay().fadeIn(600).delay(5000).fadeOut(600, function() {
        if (elem.next().length > 0) {
            InOut($(this).next());
        }
        else {
            InOut($(this).siblings(':first'));
        }

    });
}

$('#anidiv p').mouseover(function() {
    $(this).stop(true, true);
});
$('#anidiv p').mouseout(function() {
    if ($(this).is(":visible") == true) {
        InOut($(this));
    }
});