| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Bouton_active| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Bouton_hover| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Fb-hover| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -47%
SAMSUNG T7 Shield Bleu – SSD Externe 1 To ...
Voir le deal
89.99 €

Partagez
 

| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://sheppskitdesign.forumactif.com/index.htm
Shepp
Shepp
{ Membre }
{ Membre }

Féminin Messages : 94



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
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


Dernière édition par Shepp le Jeu 26 Avr 2012, 18:50, édité 1 fois
MessageSujet: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 17:47
Revenir en haut Aller en bas
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
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>

Si tu as des questions, n'hésite pas Wink
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:17
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Pour l'onglet, je pense qu'il te suffit de remplacer :

Code:

.click

par

Code:

.mouseover

Smile
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:42
Revenir en haut Aller en bas
http://sheppskitdesign.forumactif.com/index.htm
Shepp
Shepp
{ Membre }
{ Membre }

Féminin Messages : 94



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Ah c'est tout con en fait x)

Merci à vous deux, ça marche parfaitement (:
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:45
Revenir en haut Aller en bas
http://Games-Avenue.fr
TxReplay
TxReplay
{ Membre }
{ Membre }

Masculin Messages : 27



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
De rien, pour une fois que c'est moi qui peux aider ! Very Happy Ça fait plaisir !
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:46
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Ton problème est donc résolu ? Ange
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:47
Revenir en haut Aller en bas
http://sheppskitdesign.forumactif.com/index.htm
Shepp
Shepp
{ Membre }
{ Membre }

Féminin Messages : 94



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Oui merci (:
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 18:51
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Merci à toi. Smile
J'archive.
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive EmptyJeu 26 Avr 2012, 19:24
Revenir en haut Aller en bas
Contenu sponsorisé




| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
MessageSujet: Re: | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive   | Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive Empty
Revenir en haut Aller en bas
 

| Résolu | Contenu d'onglet qui s'affiche au survol de la souris & Transparence progressive

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» div qui s'affiche au survol de la souris
» bordure à supprimer (non résolu) + contenu de forum disparu (résolu)
» Interférence opacité progressive/barre de navigation. [résolu]
» Sélectionner le contenu [RESOLU]
» Image qui change au passage de la souris RESOLU

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit