Jquery Effects Research

 Jquery is a big part of our websites, I wanted to include what I could into it.


I need to look at jQuery effects, although I know some I'm not 100% on how to implement them.

Smart use of jQuery will allow for a site to look visually amazing.

Jquery has many effects

such as;

jQuery Hide/Show

- This allows you to hide and show a object, these can be set to onclick functions amongst others. You are able to control the speed that something will hide or show by using the syntax 'fast' or 'slow'.

Fade

- Similar to what Hide/show fade allows you to fade a object out or in. You can also control this by using the same syntax 'fast' or 'slow'. Fade also allows you add millinseconds within the script, meaning you can control how many milliseconds after it will fade in.

Slide

- Slide lets something slide down and up, you are able to use the same values throughout this either "slow", "fast" or millisecond.

Animation

- Animation allows you to set parameters to animate a piece of text, you have to first set the position you want it move, and then how much you want it to move by.

Stop()

- Stop does what says, it will stop a animation, it can be done using a stopAll parameter which specifies which will  stop everything in the queue. There is also a goToEnd parameter which specifies whether or not to complete the current animation immediately.


Callback

- JavaScript statements are executed by line. However, with effects, the next line of code can be run even though the effect isn't finished. A callback function is executed after the current effect is finished.


Chaining

- Chaining allows you to chain multiple jQuery commands, one after the other, one the same elements(s). To chain an action, you simple append the action to the previous action.