10 Inspired jQuery Buttons
We have collected 10 Inspired jQuery Button techniques that have all been improved and enhanced by the tremendous power of jQuery! Enjoy!
1. Simple “Call To Action” Button With CSS & jQuery
Create an effective and awesome call to action button with some CSS and jQuery that grab the user’s attention and entice him to click.
2. jQuery Imageless Buttons a la Google
This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off.
3. Help jQuery Buttons
> Full cross-browser compatibility
> Search engines optimized
> Clear unordered list (LI and UL HTML tags) structure
> Easy to setup and update
> Fantastic animation and transition effects
> Multiple pre-designed color schemes
> Completely customizable styling with CSS
> Powered by jQuery
> Extremely small – 3kb uncompressed
4. Creative Button Animations with Sprites and jQuery (Part 1: Photoshop)
This tutorial will show you how to build creative hover animations for buttons using sprites.
5. Creative Button Animations with Sprites and jQuery (Part 2: CSS, XHTML, jQuery)
In Part 1 (see no.4) of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial.
6. jQuery Impromptu
jQuery Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm.
Skype-Like Buttons using jQuery
In this tutorial you will learn how to create the same button using jQuery and some simple CSS.
8. jQuery iPhone Style Ajax Switch
In this tutorial you’ll learn how to make a simple AJAX request using the functionality of the iPhone buttons to trigger a script to return a string based on whether the switch is on or off.
9. Button Hover Fading Transition with jQuery
Learn how to make button hover fading transition with jQuery in this tutorial.
10. Cursor Hover Plugin
This plugin lets you create a two-layer button with one layer that follows the mouse. This method allows you to create some very professional effects on your site. The example below duplicates the Windows 7 start bar button hover functionality.