JSFiddle - React, Tailwind, and code Playground

HTML

<div id="espacePub">        



</div><!-- End Div espacePub -->

    <div id="menu">
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
            <li>Link 5</li>
            <li>Link 6</li>
        </ul>
    </div><!-- End Div menu -->

CSS

body, html{
 margin:0px;
 padding:0px;
}
    
#espacePub{
 width:100%;
 height:200px; 
  margin:0px;  
}

#menu{
 position:absolute;
 top:0;
 left:0; 
    
}

JavaScript

var imgs = [            
'red',
'blue',
'green'];
var cnt = imgs.length;

$(function() {
    setInterval(Slider, 2000);
});

function Slider() {
    $('#espacePub').fadeOut("slow", function() {
   $(this).css('background-color', 'red').fadeIn("slow");
});
}