Nom d'un effet
Résolu
kirua-93
Messages postés
599
Date d'inscription
Statut
Membre
Dernière intervention
-
kirua-93 Messages postés 599 Date d'inscription Statut Membre Dernière intervention -
kirua-93 Messages postés 599 Date d'inscription Statut Membre Dernière intervention -
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.
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.
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
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
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.
j'vais essayer avec position absolue, apres c'est un peu chiant pour le responsive.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
css
jquery
la tu peux dire merci car c'est du tout cuit
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