Nom d'un effet
Résolu
bonjour,
Je recherche le nom d'un effet en css/js, on a par exemple une liste de news dans une colone (on vois que les titre) et quand on clic sur le titre la news apparait.
Un peu comme l'effet accordéon sauf que la tout les contenue des news apparait dans le meme bloc qui serai a gauche de la colone qui contient les titres.
Si quelqu'un connais le nom de cette effet merci par avance.
--
MUHAHAHAHAHAHAHAHAHA
Je recherche le nom d'un effet en css/js, on a par exemple une liste de news dans une colone (on vois que les titre) et quand on clic sur le titre la news apparait.
Un peu comme l'effet accordéon sauf que la tout les contenue des news apparait dans le meme bloc qui serai a gauche de la colone qui contient les titres.
Si quelqu'un connais le nom de cette effet merci par avance.
--
MUHAHAHAHAHAHAHAHAHA
6 réponses
-
-
Ha ca ce sont juste des effet d'apparition, moi ce que je recherche c'est vraiment le fait de faire apparaitre le contenue d'une div dans une zone donnée et qui change celon le lien sur lequelle on clic.
c'est un effet que l'on retrouve tres souvent sur tout se qui est flux d'information (blog, news, ect...)
Mais merci pour l'aide joker
-
Salut,
hover combiné avec visibility ne suffit pas ? -
C'est possible de faire afficher chaque article dans la meme div ?
j'vais essayer avec position absolue, apres c'est un peu chiant pour le responsive.
-
Salut
tu peux faire ca en jquery voici un exemple que j'avais fait pour un site avec un petit effet d'apparition opacity + slide up et down
html
<h1 class="titre">le titre de news1</h1>
<div class="news"> blab bla 1</div>
<h1 class="titre">le titre de news2</h1>
<div class="news"> blab bla 2</div>
<h1 class="titre">le titre de news3</h1>
<div class="news"> blab bla 3</div>
<h1 class="titre">le titre de news4</h1>
<div class="news"> blab bla 4</div>
css
.news {
display:none;
position:absolute;
top:0; /****comme tu veux etc ****/
}
.titre:hover {
cursor:pointer;
}
jquery
<script>
$(document).ready(function(){
$(".titre").click(function(){
$(".news").animate({opacity:.4},100).slideUp("300").delay("400");
if(!$(this).next().is(":visible")){
$(this).next().slideDown("500").animate({opacity:1},1e3)}
if($(this).next().is(":hidden")){$(this).next().css("opacity","0.4")}
})
});
</script>
la tu peux dire merci car c'est du tout cuit -
Merci ^^.
