Home
About

Top 10 Jquery Examples with Live Demos

What is jquery?
A example is more worth than 100 words

how many lines of code you might need to achieve this?

Answer: Only four lines and that too without knowing any regular expressions….. Yes. Using a library called jquery and its validate plugin. Code is shown below.

$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
// validate the comment form when it is submitted
$("#commentForm").validate();
});

Below are some good design examples of what you can achieve using jquery.
If you have came across any nice implementation of Jquery, let me know through comments. I will like to update my list.

Example 1 :Slide tabbed box

Visit Site Download Code

Example 2 : Expanding menu like Apple site

Visit Site Download Code

Example 3 : Zoom image

Visit Site Download Code

Example 4 : Sliding boxes and captions to image

Visit Site Download Code

Example 5 : Sliding image behind menu

Visit Site Download Code

Example 6 : Image tab

Visit Site Download Code

* This example does not work correctly in IE7

Example 7 : Menu Fade

Visit Site Download Code

Example 8 : Slider Menu

Visit Site Download Code

Example 9 : Tabs

Visit Site Download Code

Example 10 : Tabbed Menu

Visit Site Download Code

Have you liked it? Why not help me by sharing this :

April 19th, 2009 in PHP, Web Development by Pravin Nirmal | tags: jquery tutorials

Comments (10)

saurabh shahApril 19th, 2009 at 9:05 pm

nice list pravin

OrsonApril 21st, 2009 at 1:41 am

fgdgfdfgfd

sunilApril 21st, 2009 at 5:06 pm

Good list.. Keep it up

EricBApril 21st, 2009 at 10:00 pm

this is a great list! thanks for sharing!

ClariceApril 21st, 2009 at 11:44 pm

Really nice collection! Thanks

umooApril 22nd, 2009 at 12:20 pm

Yes Nice & Beautifull list, made me discover your site, It’s now in my rss reader so I may come here some more times

Pradeep CDApril 22nd, 2009 at 12:38 pm

Awesome list…

I have seen some of them before…

I love jQuery…

thanks

MaheshMay 14th, 2009 at 4:44 pm

Nice Script …… Thanks

Rohan DigheMay 16th, 2009 at 8:38 am

bhari rocking !!!

Justin Leaf-WrightMay 17th, 2009 at 1:32 am

SWEET….one of the best collections of Jquery I have seen.
Love the menus

Leave a comment