Sujets similaires

Avant tout, Bonjour :3

So, j'ai besoin d'aide en javascript. Je voudrais que lorsque l'on passe la souris sur le bouton de l'onglet, l'onglet s'affiche. Or là il faut cliquer sur le bouton pour afficher l'onglet. Il y aurait moyen de modifier un peu le javascript pour obtenir ce résultat ?

Code:: <script type="text/javascript">
/* Début du script */
jQuery(document).ready(function(){
jQuery(".onglet-table").find("td").click(function(){
/* Suppression des classe .active pour tout les onglets et contenus */
var system = jQuery(this).closest(".onglet"); /* Sélection du système d'onglet */
system.find(".onglet-table").find(".active").removeClass("active");
system.find(".onglet-content").find(".active").removeClass("active");

/* Ajout de la classe active à l'onglet cliqué et au contenu correspondant */
var id = jQuery(this).attr("name"); /* Identification du numéro de l'onglet cliqué */
jQuery(this).addClass("active");
system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
});
});
/*Fin du script */
</script>

Sinon j'aimeras bien savoir comment faire des ' opacités progressives '. Comme sur les images des descriptions de Ce forum par exemple. Et les catégories aux couleurs progressives, comme sur les catégories de ce forum.

Enfin merci d'avance de votre réponse :3

Tout ça il me semble que c'est du CSS3, j'ai encore le code si tu veux pour le texte :

Code:: <html>
<head>
   <title>Test</title>
      <style>
h2 {
color: #000000; /* Couleur d'origine */
text-decoration: none;
-webkit-transition-property: color;
-webkit-transition-duration: 2s; /* Temps total d'animation */
-moz-transition-property: color; /* Paramètre pour firefox */
-moz-transition-duration: 2s; /* Temps total d'animation (pour firefox) */
transition-property: color;
transition-duration: 1s; /* Durée de la transition */

}

h2:hover {
color:#828282; /* Couleur finale */
}
      </style>
</head>
<body>
   <h2>Bienvenue sur mon site !</h2>
</body>
</html>

Pour les images c'est du opacity :

Code:: <html>
<head>
   <title>Une présentation design pour partager sur les Réseaux Sociaux !</title>
   <style>
   img{
position:relative;
opacity:0.5; /* Opacité d'origine(0 = Transparent / 1 = Totalement visible)*/
-moz-transition:0.3s ease;
-webkit-transition:0.3s ease;
transition:0.3s ease;
}

img:hover{
opacity:1; /* Opacité finale */
}
</style>
</head>

<body>
   <img src="img.png"></a>
</body>
</html>