jquery animate examples

I recently read some basic JQuery tutorials, which are deeply attracted by JQuery. I have used Extjs before. I can't help but sigh when I read JQuery. It's amazing that javascript can be used! I have posted some learning achievements here, hoping to help others who want to learn JQuery and record their learning status.

into one object. Parameter decomposition: Properties: A key-value pair of one or more CSS properties that constitutes an object. It is important to note that all properties used for animations must be numeric unless otherwise noted; These properties cannot use basic jquery functionality if they are not numeric. For example, border, margin, padding, width, height, font, left, top, right, bottom, wordspacing, and so on are all animation effects. Back

jquery animation effects animate and ScrollTop use instances togetherAnimate is a special effect function method of JQ, and the Animate () method performs a custom animation of the CSS property set. This method changes the element from one state to another through CSS styles.CSS property values are changed gradually so that you can create animation effects.Only n

). Animate ({top: "200px", Width: "200px"},3000). FadeOut ("slow");Add the Stop () method to the hover event to resolve an issue in which the cursor action is inconsistent with the animation effect when the move-out action is too fastNote: You need to add stop () to move in$ (". Panel"). Hover (function () {$ (this). Stop (). Animate ({height: "max", Width: "},3000")},function () {$ (this). Stop ( ).

jquery provides "linear" and "swing". Callback (optional) function that is executed when the animation completes Example Describe: Click on the button after the DIV element of several different attributes change together HTML Code: Copy Code code as follows: Apply three different types of effects in one animation $ ("#go"). Click (function () { $ ("#block"). Animate ({ Width: "90%",

Before today, I still focused on the most common usage of the animate () method in jQuery. I checked the manual and found that several useful callback functions were added at 1.8, let's take a look at the usage and precautions of animate in jQuery, so that you can refer to it when you need it. Let's take a look at it.

"). Animate ({width: ' 300px ',fontsize:30,backgroundcolor: ' Red '},500);(1) The above 2 refers to the middle with a horizontal line of the attribute to remove the horizontal line, and so on, in this case backgroundcolor the same , but animate itself can not set the color and other properties, you need to introduce the following JS to use:: http://www.bitstorm.org/jque