HTML:
<div class="noticias">
<div class="box">Título</div>
</div>
<button id="next">Next</button>
<button id="prev">Prev</button>
HTML:
<div class="noticias">
<div class="box">Título</div>
</div>
<button id="next">Next</button>
<button id="prev">Prev</button>
The name of this effect is called Slideshow
: As an example, it has the bootstrap template. To work, you need to insert the css file and js of the version you want to use.
Here's a working template: link
You can also do the effect manually from a jQuery transition effect, which requires more work and knowledge, but you can also use a plugin such as jQuery Cycle: link
There are many other plugins that allow you to do this effect. Make a search in google for the words: Carousel, Slideshow, slidebox, slide gallery, slider that will have some examples, some that are paid and others free, do not forget to read the terms of use. I also recommend analyzing the support for the mobile versions, as some of them do not flow with the touchs movements. Good luck.