CodeCanyon jQuery Html5 Buttons 1924723

CodeCanyon jQuery Html5 Buttons 1924723

CodeCanyon jQuery Html5 Buttons 1924723
HTML5 Code \ Canvas
Buttons \ Generator \ Button \ Jquery \ Icon \ Shining \ Html \ Shine \ Creator



HTML5 Code - jQuery Html5 Buttons 1924723 by loopus @ CodeCanyon

HTML5 Code \ Canvas

Last Update: 17 October 12; Compatible Browsers: IE6, IE7, IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Files Included: JavaScript JS, HTML, CSS.

jQuery html5 Buttons combines the power of jQuery, the graphics capabilities of HTML5 canvas component and the beauty of a design in css3, to give superb animated buttons, very easy to integrate.

The package contains the plugin, the documentation and this online smart generator : create your buttons in live and dowload them, ready to work.

For more informations, look at the Live Preview !

Features

- CSS3 design , load time optimized and easy to edit

- Many jQuery parameters to customize the effects

- An online live and smart generator included

- Intelligent browser compatibility : the buttons work on all browsers, but are more or less detailed depending on its capabilities

- 23 icons included , and add yours easily

- Documentation and examples

- CSS3 + HTML5 = Mobiles compatibility

- Works with jQuery 1.6 and more

Plugin Parameters

- fx : Rollover effect type : “iconCircle” , “shine” or “none”

- fxAlpha : Rollover effect opacity : 0.0 -> 1.0

- fxColor : Rollover effect color : hex color value, like ”#FFFFFF”

- crystal : Crystal effect type : “linear”, “curve”, “diagonal” or “none”

- crystalAlpha : Crystal effect opacity : 0.0 -> 1.0

- crystalColor : Crystal effect color : hex value, like ”#FFFFFF”

- iconColor : Sets icon color if iconTint is true : hex color value or “auto”

- iconsPath : Sets icon folder path

- iconTint : Tints icon or not : true or false

Online generator features

- Creation of the buttons in live

- Download your custom buttons ready to work

- Creation of custom icon sets

- Smart automations , to keep harmony

Usage
Create a button
To create a button, simply add the button classname to your link, like this .

<a href=http://codecanyon.net/item/jquery-html5-buttons/”#” class=”jhButton” >My Button</a>

And initialize the jQuery plugin .

$(’.jhButton’).jhButton();

Differents sizes
Each button has three default sizes: default, “big” and “large”. To set the size, just add the correct classname, like .

<a href=http://codecanyon.net/item/jquery-html5-buttons/”#” class=”jhButton large ”>My Button</a>

Add an icon
Just add the icon classname to the button .

<a href=http://codecanyon.net/item/jquery-html5-buttons/”#” class=”jhButton icon-home ”>My Button</a>

Support
If you need help, contact me from my envato profile .

If you bought this plugin and love it, remember to leave a vote !

You need a freelance ? Contact me !

Updates
2012-03-30 : If the parameter “iconTint” is false, old browsers without html5 support will display the icon

2012-06-26 : The generator is now included in the package !

jQuery Super Notice; jQuery Live Menu; jQuery Gradient Creator; jQuery Html5 Buttons; jQuery Shining Image.

Keywords: animated buttons, button generator, buttons creator, buttons effects, canvas button, css3 buttons, gradient buttons, html5 buttons, icon buttons, jhb, jquery buttons, jquery buttons generator, shine, shining.



Tags: Buttons, Jquery, Generator, Button, Shine, Shining

Premium CodeCanyon jQuery Html5 Buttons 1924723 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon jQuery Html5 Buttons 1924723 for digital design and education. CodeCanyon jQuery Html5 Buttons 1924723 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *