Some of the effects of JQuery Show () are always the one you need

Source: Internet
Author: User

1 show () method and Hide () method


$ ("selector"). Show ()
Restore elements from Display:none default or set display properties
$ ("selector"). Hide ()
The display style of the set element is none, equal to $ ("selector"). CSS ("display", "none")
(Note: After the parameters are passed in, the. Show () and. Hide () methods animate the Width,height and transparency properties of the element at the same time; the incoming parameter controls the explicit speed, in milliseconds, such as. Show (600), which can also be passed into the Fast,normal,slow, Fast is 200 milliseconds, normal is 400 milliseconds, slow is 600 milliseconds)


2 FadeIn () method and Fadeout () method


$ ("selector"). FadeIn ()
Control transparency increased from display:none to full display within a specified time
$ ("selector"). FadeOut ()
Control transparency reduced to display:none within a specified time;


3 Slideup () method and Slidedown () method


$ ("selector"). Slideup ()
The height of the control element is shortened from the bottom to the Display:none within the specified time;
$ ("selector"). Slidedown ()
Control element height extends from Display:none to full height within a specified time


4 Custom Animation Methods animate ()


$ ("selector"). Animate (Params,speed,callback);
Params: A mapping that contains style attributes and values, such as {property1: "value1", Property2: "Value2",...}
Speed: Velocity parameters, optional
Callback: The parameters that are executed when the animation is complete (that is, the callback function), optional

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.