jdm_javascript_dom_manipulator

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>AnimationOption - Documentation</title> <script src="scripts/prettify/prettify.js"></script> <script src="scripts/prettify/lang-css.js"></script>  <link type="text/css" rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css"> </head> <body> <input type="checkbox" id="nav-trigger" class="nav-trigger" /> <label for="nav-trigger" class="navicon-button x"> <div class="navicon"></div> </label> <label for="nav-trigger" class="overlay"></label> <nav> <li class="nav-link nav-home-link"><a href="index.html">Home</a></li><li class="nav-heading">Classes</li><li class="nav-heading">C<a href="AnimationOption.html">AnimationOption</a></li><li class="nav-heading">C<a href="Jdm.html">Jdm</a></li><li class="nav-item">F<a href="Jdm.html#jdm_addClassList">jdm_addClassList</a></li><li class="nav-item">F<a href="Jdm.html#jdm_addEventListener">jdm_addEventListener</a></li><li class="nav-item">F<a href="Jdm.html#jdm_addId">jdm_addId</a></li><li class="nav-item">F<a href="Jdm.html#jdm_append">jdm_append</a></li><li class="nav-item">F<a href="Jdm.html#jdm_appendAfter">jdm_appendAfter</a></li><li class="nav-item">F<a href="Jdm.html#jdm_appendBefore">jdm_appendBefore</a></li><li class="nav-item">F<a href="Jdm.html#jdm_binding">jdm_binding</a></li><li class="nav-item">F<a href="Jdm.html#jdm_bounce">jdm_bounce</a></li><li class="nav-item">F<a href="Jdm.html#jdm_clearAnimations">jdm_clearAnimations</a></li><li class="nav-item">F<a href="Jdm.html#jdm_destroy">jdm_destroy</a></li><li class="nav-item">F<a href="Jdm.html#jdm_empty">jdm_empty</a></li><li class="nav-item">F<a href="Jdm.html#jdm_extendChildNode">jdm_extendChildNode</a></li><li class="nav-item">F<a href="Jdm.html#jdm_extendNode">jdm_extendNode</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeIn">jdm_fadeIn</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeInDown">jdm_fadeInDown</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeInLeft">jdm_fadeInLeft</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeInRight">jdm_fadeInRight</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeInUp">jdm_fadeInUp</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeOut">jdm_fadeOut</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeOutDown">jdm_fadeOutDown</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeOutLeft">jdm_fadeOutLeft</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeOutRight">jdm_fadeOutRight</a></li><li class="nav-item">F<a href="Jdm.html#jdm_fadeOutUp">jdm_fadeOutUp</a></li><li class="nav-item">F<a href="Jdm.html#jdm_findClassList">jdm_findClassList</a></li><li class="nav-item">F<a href="Jdm.html#jdm_genEvent">jdm_genEvent</a></li><li class="nav-item">F<a href="Jdm.html#jdm_getAttribute">jdm_getAttribute</a></li><li class="nav-item">F<a href="Jdm.html#jdm_getValue">jdm_getValue</a></li><li class="nav-item">F<a href="Jdm.html#jdm_innerHTML">jdm_innerHTML</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onChange">jdm_onChange</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onClick">jdm_onClick</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onDebounce">jdm_onDebounce</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onDoubleClick">jdm_onDoubleClick</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onError">jdm_onError</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onInput">jdm_onInput</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onInvalid">jdm_onInvalid</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onLoad">jdm_onLoad</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onRightClick">jdm_onRightClick</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onSelect">jdm_onSelect</a></li><li class="nav-item">F<a href="Jdm.html#jdm_onSubmit">jdm_onSubmit</a></li><li class="nav-item">F<a href="Jdm.html#jdm_prepend">jdm_prepend</a></li><li class="nav-item">F<a href="Jdm.html#jdm_removeAttribute">jdm_removeAttribute</a></li><li class="nav-item">F<a href="Jdm.html#jdm_removeClassList">jdm_removeClassList</a></li><li class="nav-item">F<a href="Jdm.html#jdm_removeEventListener">jdm_removeEventListener</a></li><li class="nav-item">F<a href="Jdm.html#jdm_rotation">jdm_rotation</a></li><li class="nav-item">F<a href="Jdm.html#jdm_setAttribute">jdm_setAttribute</a></li><li class="nav-item">F<a href="Jdm.html#jdm_setStyle">jdm_setStyle</a></li><li class="nav-item">F<a href="Jdm.html#jdm_setValue">jdm_setValue</a></li><li class="nav-item">F<a href="Jdm.html#jdm_tada">jdm_tada</a></li><li class="nav-item">F<a href="Jdm.html#jdm_toggleClassList">jdm_toggleClassList</a></li><li class="nav-item">F<a href="Jdm.html#jdm_validate">jdm_validate</a></li><li class="nav-item">F<a href="Jdm.html#jdm_zoomIn">jdm_zoomIn</a></li><li class="nav-item">F<a href="Jdm.html#jdm_zoomOut">jdm_zoomOut</a></li><li class="nav-heading">C<a href="Proto.html">Proto</a></li><li class="nav-heading"><a href="global.html">Globals</a></li><li class="nav-item">F<a href="global.html#_animation.">_animation.</a></li> </nav> <div id="main"> <h1 class="page-title">AnimationOption</h1> <section> <header> <h2> AnimationOption </h2> <div class="class-description">Opzioni per l'animazione.</div> </header> <article> <div class="container-overview"> <div class="section-method"> <h2>Constructor</h2> <h4 class="name" id="AnimationOption">new AnimationOption(duration, easing, fill, delay, composite, direction, iterations)</h4> <dl class="details"> <dt class="tag-default">Default Value:</dt> <dd class="tag-default"><ul class="dummy"> <li>1</li> </ul></dd> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="-_animation.js.html">_animation.js</a>, <a href="-_animation.js.html#line4">line 4</a> </li></ul></dd> </dl> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Default</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>duration</code></td> <td class="type"> <code>number</code> </td> <td class="default"> 250 </td> <td class="description last"> Durata dell'animazione in millisecondi. </td> </tr> <tr> <td class="name"><code>easing</code></td> <td class="type"> <code>'linear'</code> | <code>'ease'</code> | <code>'ease-in'</code> | <code>'ease-out'</code> | <code>'ease-in-out'</code> </td> <td class="default"> ease-in-out </td> <td class="description last"> Funzione di easing dell'animazione. </td> </tr> <tr> <td class="name"><code>fill</code></td> <td class="type"> <code>'none'</code> | <code>'forwards'</code> | <code>'backwards'</code> | <code>'both'</code> | <code>'auto'</code> </td> <td class="default"> forwards </td> <td class="description last"> Stile applicato fuori dall'intervallo dell'animazione. </td> </tr> <tr> <td class="name"><code>delay</code></td> <td class="type"> <code>number</code> </td> <td class="default"> 0 </td> <td class="description last"> Ritardo dell'inizio dell'animazione in millisecondi. </td> </tr> <tr> <td class="name"><code>composite</code></td> <td class="type"> <code>'replace'</code> | <code>'add'</code> | <code>'accumulate'</code> </td> <td class="default"> replace </td> <td class="description last"> Modalità di composizione dell’animazione. </td> </tr> <tr> <td class="name"><code>direction</code></td> <td class="type"> <code>'normal'</code> | <code>'reverse'</code> | <code>'alternate'</code> | <code>'alternate-reverse'</code> </td> <td class="default"> normal </td> <td class="description last"> Direzione di riproduzione dell'animazione. </td> </tr> <tr> <td class="name"><code>iterations</code></td> <td class="type"> <code>number</code> | <code>string</code> </td> <td class="default"> 1 </td> <td class="description last"> Numero di volte che l'animazione verrà ripetuta. </td> </tr> </tbody> </table> </div> </div> <h3 class="subsection-title">Classes</h3> <dl> <dt><a href="AnimationOption.html">AnimationOption</a></dt> <dd></dd> </dl> </article> </section> </div> <footer> Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.4</a> on Wed Jul 16 2025 22:22:23 GMT+0200 (Central European Summer Time) using the Minami theme. </footer> <script>prettyPrint();</script> <script src="scripts/linenumber.js"></script> </body> </html>