jquery slow animation simple example
If you are a web developer, interested in becoming a web developer, you might have seen plenty of job advertisements asking for jQuery skill set. I took a minute to explore details on what a jquery is? I've given basic steps on how to go about learning jquery.
1) Javascript Libyary - jquery is a new javascript library
2) Advantages - It simplifies html document handling including document traversing, event handling, animating, ajax interactions
3) These concepts can be well adopted for rapid web development using latest AJAX technology, creating colorful banner advertisements , creating enticing popups etc
Start with downloading jquery from its official website
Choose production option and click on Download jQuery. Copy the contents and save it in a notepad file. Save with the name of jquery version and type .js. This file can be used in projects we develop. If you have a wamp installation in your system, copy this file and place in under C:wampwww (We assume that it is on windows..Specify your corresponding location). Now we can make use of it in the scripts we develop.
We can also follow another method given below :
Create a new folder in your Desktop named.Copy this code and paste jquery based javascript code snippet in it. Save As abc.html file. Now have the jquery file saved as jquery-1.4.2.js in the same folder. Try opening this abc.html using a browser. This performs the intented jquery functionality
Here is a simple demonstration on how to create a box and animate it variously. This makes use of jquery fadeout() function with many different parameters. We can specify timing in milliseconds, using parameter values - fast,medium,slow (should be specified inside single quote). This is a simple code demonstration
