Latest web development tutorials

exemples d'interface utilisateur jQuery - Classe de conversion (Switch Classe)

Lorsque les changements de style de l'animation au sein de l'ensemble des éléments appariés pour ajouter et supprimer chaque élément de la classe spécifiée.

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

.switchClass () 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 - .switchClass () 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;}
  .newClass {width: 240px; padding: 1em; letter-spacing: 0; font-size: 1.2em; margin: 0;}
  .anotherNewClass {text-indent: 40px; letter-spacing: .4em; largeur: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em;}
  </ Style>
  <Script>
  $ (Function () {
    $ ( "#button") .cliquez (Function () {
      $ ( ".newClass") .switchClass ( "NewClass", "anotherNewClass", 1000);
      $ ( ".anotherNewClass") .switchClass ( "AnotherNewClass", "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