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 getRandomArbitary(min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
}

function InOut(elem) {
    elem = $(elem);
    elem.delay().fadeIn(600).delay(1000).fadeOut(600, function() {
       var rndl = getRandomArbitary(0, 3);
        InOut($('#anidiv p')[rndl]);
    });
}

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