Comment animer une div

utilise jquery:
https://jqueryui.com/hide/

cadetNtanyanya wrote:
Merci beaucoup pour votre aide mais ceque je voulais ce comme cequi est sur ce site

www.isig.ac.cd

Merci encore pou votre aide

regarde du coté des slider jquery, par exemple:
https://www.basic-slider.com/
il te suffit, pour avoir du texte à la place des images, de remplacer
les tag <img> par des elements de textes:
dans le premier slide, je remplace l'image par un paragraphe texte, "mon premier slide"

<div id="slider" class="span12" style="height: 310px; width: 620px; position: relative;">
<ul class="bjqs" style="height: 310px; width: 620px; display: block;">
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.997942;">
<!--<img title="Automatically generated caption" src="img/banner01.jpg">-->
<p>mon premier slide</p>
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: list-item; opacity: 0.0020578;">
<img title="Automatically generated caption" src="img/banner02.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
<li class="bjqs-slide" style="height: 310px; width: 620px; display: none;">
<img title="Automatically generated caption" src="img/banner03.jpg">
<p class="bjqs-caption">Automatically generated caption</p>
</li>
</ul>
<ul class="bjqs-controls v-centered">
<li class="bjqs-prev">
<a data-direction="previous" href="#" style="top: 43.5484%;">Prev</a>
</li>
<li class="bjqs-next">
</ul>
<ol class="bjqs-markers h-centered" style="left: 0px;">
</div>