//Hidden$( This). Hide ()//Show$( This). Show ()//Hide and show toggle (speed time can be customized)$( This). Toggle ()//Fade in$( This). FadeIn ()//Fade Out$( This). FadeOut ()//fade in/out toggle (speed time can be customized)$( This). Fadetoggle ()//transparent slow slow and fast (speed time can be customized)$( This). FadeTo ("slow", 0.5)//Swipe down$( This). Slidedown ()//swipe up$( This). Slideup ()//up, swipe down to toggle (speed time can be customized)$( This). Slidetoggle ()//the required params parameter of the animation defines the CSS property that forms the animation. //The optional speed parameter specifies the length of the effect. It can take the following values: "Slow", "fast", or milliseconds. //The optional callback parameter is the name of the function that is executed after the animation is completed. $( This). Animate ({params},speed,callback) $ ( This). Animate ({left:' 250px ', opacity:' 0.5 ', Height:' 150px ', Width:' 150px '},speed,callback)//animate uses relative values, preceded by "+ =" or "=" in front of the value$( This). Animate ({left:' 250px ', Height:' +=150px ', Width:' +=150px ' }); //animate can almost make all CSS styles change, including text and more ...$ ("button"). Click (function(){ vardiv=$ ("div"); Div.animate ({left:' 100px ', "slow"); Div.animate ({fontSize:' 3em ', "slow"); });//Stop the Animation Stop () (The Stop () method almost adapts to all jquery effect functions, including sliding, fading, fading out of any queued animation)$( This). Stop ()
JQuery Basic Effects