10个必看jQuery的最新教程

13年前

1-jQuery Randomised Background Scrolling Effect Tutorial

 

jquery, javascript, JQuery tutorials, beginners, advance
CLICK TO SEE DEMO IN ACTION

Very nice tutorial of animated background using JQuery. This is simple short yet powerful tutorial. One must try it.


2-Making a Cool Spotlight Effect with jQuery

jquery, javascript, JQuery tutorials, beginners, advance
CLICK TO SEE DEMO IN ACTION

Very nice tutorial which works with your mouse over action and glows the images along with your mouse movement.

 

3-Easy to Style jQuery Drop Down Menu Tutorial

jquery, javascript, JQuery tutorials, beginners, advance

CLICK TO SEE DEMO IN ACTION

Very simple yet powerful and easily customizable drop down menu.


4-jQuery Tutorial For Designers

jquery, javascript, JQuery tutorials, beginners, advance

 

In this valuable tutorial you will cover very important topics listed here.

How to get the element?

1. Simple slide panel

2. Simple disappearing effect

3 Chain-able transition effects

4a. Accordion #1

4b. Accordion #2

5a. Animated hover effect #1

5b. Animated hover effect #2

6. Entire block clickable

7. Collapsible panels

8. Imitating the WordPress Comment Backend

9. Image replacement gallery

10. Styling different link types


5-How to Add a Magnifying Glass To Your Lightbox Enabled Images

jquery, javascript, JQuery tutorials, beginners, advance

Very professional and interesting tutorial for creating your own zooming images system.


6-Cross-Browser Blockquotes Using CSS and jQuery

jquery, javascript, JQuery tutorials, beginners, advance

Blockqoutes can be used  to mention a famous persons or web designers or their works on your post. This tutorial will shows you how easily you can have automated quotation marks using <blockquote> tag in your webpages.

7-Simple Tooltip for Huge Number of Elements

jquery, javascript, JQuery tutorials, beginners, advance

There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group asked (a year ago) which plugin could handle displaying tooltips for 2,000 links on a page, I wasn’t able to find one. So, I decided to throw together a quick little plugin myself and was surprised by how easy it was.

 

8-Making a jQuery Pagination System

jquery, javascript, JQuery tutorials, beginners, advance

CLICK TO SEE DEMO IN ACTION

Want to create a pagination system for your website here is the right tutorial for you friends.

 

9-jQuery AJAX Tabs

jquery, javascript, JQuery tutorials, beginners, advance

Enjoy making your own customized tabs and use them in your web projects freely. These are fast and website friendly. Try out now :)

 

10-Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

jquery, javascript, JQuery tutorials, beginners, advance

CLICK TO SEE DEMO IN ACTION