Top JavaScript/Ajax Effects for Modern Web Design

thanakrit | 30-06-2553 | เปิดดู 18349 | ความคิดเห็น 3

In this list, I’ve selected some of the most common in use JavaScript effects for modern web design.

1- Easiest Tooltip and Image Preview Using jQuery – A clean and easy to use jQuery tooltip & image preview script

2- jQuery idTabs – These days using tabs in Wordpress themes and websites is common. iTabs is a plugins for jQuery that makes adding tabs to a website really simple.

3- Coda-Slider – A jQuery plugins for tabs with sliding animation

4- prettyPhoto a jQuery lightbox clone – A very beautiful lightbox for images with next/previous buttons, caption and preload animation for both single images and galleries.

5- Glass Box – GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and “Flash-like” effects. The GlassBox library ..

6- SimpleModal Dialog Box – it comes with 3 example, basic dialog box, contact form and confirm override.

7- CSS Text Gradient – “Text Gradient is a simple css trick that allows you to improve your site’s appearance by putting gradients on system font titles using nothing but css and a png image.”

8- Simple Javascript Accordions – is a very small JS accordion script which is really handy in today’s web projects.

9- Custom JavaScript Dialog Boxes – “The script currently offers four dialog styles: alerts, warnings, prompts and success. There is nothing to add to your page except references to the JavaScript and CSS if you choose not to incorporate them in your existing files.”

10- Dynamic JavaScript Form Validation – It’s clear:)

11- jQuery Lightbox Plugin (balupton edition) – another jQuery lightbox plugins with only 15KB size

12- AutoCompleter - This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.

13- Top Floating message box using jQuery – This effect will be useful for advertising, hot news, etc

14- Easy AJAX inline text edit 2.0 – an easy to integrate inline text edit script. No JavaScript knowledge needed, just follow the five steps for integration.

15- Create site tours with Amberjack – Amberjack is a lightweight Open Source library, enabling webmasters to create cool site tours.

16- Accordion Menu script – It became really easy to make accordion menu using this script.

17- Create a Slick Tabbed Content Area using CSS & jQuery – Finally, this tutorial from NETTUTS demonstrates how to create a slick tabbed content area for your themes. You see tabbed content boxes in a lot of websites these days specially in Wordpress themes.