JavaScript Intensive tutorial--jquery UI API Category

Source: Internet
Author: User
Tags explode

Main Introduction: JavaScript Intensive Tutorials --jquery UI API category

The jquery UI adds some functionality to the jquery built-in effects. The JQuery UI supports color animations and Class conversions, as well as some additional easings. In addition, a complete set of custom effects is available for displaying and hiding elements or just adding some visual displays. The API description also belongs to the category. AddClass () adds the specified class for each element within the matching element collection when the animation style changes.
Bounce effect (bounce effect) bounces a single element. When used with hide or show, the last or first bounce will have a fade-in/fade-out effect.   Clip effects (clip effect)         clip effects (clip  Effect) hides or displays an element by 夹剪 elements in a vertical or horizontal direction.         Color Animation (color animation)     using  .animate ()   Achieve color animation effects.   Landing effects (drop effect)         Landing effects (drop  Effect) hides or displays an element by sliding fades in a single direction. The        Easings Easing  function specifies the speed at which the animation travels at different points.         .effect ()         apply animation effects to an element.      Special Effects Core (Effects core)  |  method explosion effects (Explode effect)       explosion Effects (explode effect) hides or displays an element by splitting the element into fragments.          fade Effects (fade effect)       A fade-in effect (fade effect) hides or displays an element by fading out an element.    folding Effects (fold effect)         folding effects(Fold effect) to hide or display an element by collapsing the element.       .hide ()   Use the custom effect to hide the matching elements.          effects Core (Effects core)  |  method overloads (method  Overrides)  |  Methods (method) highlighting effects (Highlight effect)    highlighting effects (highlight  Effect) hides or displays an element by first changing the background color.       expansion Effects (puff effect)         Create an expansion effect (puff effect) by hiding elements while scaling the elements.       Bounce Effects (pulsate effect)      bounce Effects (pulsate  Effect) to hide or display an element by beating.      .removeclass ()    removes the specified  class for each element within the matching element collection when the animation style changes.       effects Core (Effects core)  |  method overloading (method overrides) zoom effects (scale  Effect)        scale elements by a percentage.      Vibration Effects (shake effect)        multiple vibration elements in a vertical or horizontal direction.   .show ()   Use a custom effect to display the matching elements.          Special Effects Core (Effects core)  |  method Overloading (Method overrides)  |  Method size effect (size effect)         resize element to a specified width and height.   Slide Effects (slide effect)        slide elements out of the viewport.        .switchclass ()    adds and removes the specified  class for each element within the matching element collection when the animation style changes.    Special Effects Core (Effects core). Toggle ()         Use a custom effect to show or hide matching elements.       effects Core (Effects core)  |  method Overloading (Method overrides)  |  method. Toggleclass ()    when the animation style changes, depending on whether  Class  exists and the value of the  switch  parameter, Adds or removes one or more  class for each element within the matching element collection.      effects Core (Effects core)  |  method overloading (method overrides) transfer effects (transfer  Effect)          Transfer the outline of one element to another element. This is the official  HTML5 training   tutorial for  H5EDU  organization


JavaScript Intensive tutorial--jquery UI API Category

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.