Latest web development tutorials

jQuery UI par exemple - commutation de classe (Toggle Class)

Lorsque le style d'animation a changé, selon l'existence de la classe et la valeur du paramètre de commutateur au sein de l'ensemble des éléments appariés de chaque élément pour ajouter ou supprimer une ou plusieurs classe.

Pour plus d' informations sur .toggleClass() des détails sur les méthodes, voir la documentation de l' API .toggleClass () .

.toggleClass () Demo

Cliquez sur le bouton pour obtenir un aperçu des effets. 

<! DOCTYPE html>
<Html lang = "fr">
<Head>
  <Meta charset = "utf-8">
  <Titre> jQuery UI Effects - .toggleClass () Demo </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Script src = "// code.jquery.com/jquery-1.9.1.js"> </ script>
  <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
  <Link rel = "stylesheet" href = "http://jqueryui.com/resources/demos/style.css">
  <Style>
  .toggler {width: 500px; height: 200px; position: relative;}
  #button {padding: .5em 1em; text-decoration: none;}
  #effect {position: relative; largeur: 240px; padding: 1em; letter-spacing: 0; font-size: 1.2em; border: 1px solid # 000; fond: #EEE; color: # 333;}
  .newClass {text-indent: 40px; letter-spacing: .4em; largeur: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em;}
  </ Style>
  <Script>
  $ (Function () {
    $ ( "#button") .cliquez (Function () {
      $ ( "#effect") .toggleClass ( "NewClass", 1000);
      return false;
    });
  });
  </ Script>
</ Head>
<Body>
 
<Class Div = "de toggler">
  <Div id = "effet" class = "NewClass ui-coin-all">
      Etiam libero neque, luctus a, eleifend nec, semper à, lorem. Sed pede.
  </ Div>
</ Div>
 
<a href="#" id="button" class="ui-state-default ui-corner-all"> effets courir </a>
 
 
</ Body>
</ Html>

la