(function($)
{
/*
Version: 1.2
Description:
Constructs a version 4.3 Alex Button
Example:
http://a2m3.com/jqab/
Directions:
Add JS and CSS files to of HTML document
Usage:
jQuery(function()
{
// Alter size of button using default CSS
jQuery('.alexButton').alexButton(
{
fontsize: '14px'
});
// Use multiple selectors on the same page
jQuery('.gmButton').alexButton();
// Change the CSS the button uses (You'll need to create these classes from the existing classes in the CSS)
jQuery('.tinyButton').alexButton(
{
'fontsize' : '10px',
'linkClass' : 'tiny',
'defaultClass' : 'tiny_Default',
'overClass' : 'tiny_Hover',
'pressClass' : 'tiny_Pressed'
});
});
// ]]>
*/
$.fn.alexButton = function(options)
{
var settings = {
'fontsize' : false,
'linkClass' : 'alexButton_v4I',
'defaultClass' : 'alexButton_v4O_Default',
'overClass' : 'alexButton_v4O_Hover',
'pressClass' : 'alexButton_v4O_Pressed'
};
if(options) { $.extend(settings, options); }
$(this).addClass(settings.linkClass);
if(settings.fontsize) { $(this).attr('style', 'font-size: ' + settings.fontsize); }
$(this).wrap('');
$(this).parent('div').addClass(settings.defaultClass);
$(this).parent('div').bind('mouseover', function(e)
{
$(this).removeClass(settings.defaultClass); $(this).removeClass(settings.pressClass); $(this).addClass(settings.overClass);
});
$(this).parent('div').bind('mouseout', function(e)
{
$(this).removeClass(settings.overClass); $(this).removeClass(settings.pressClass); $(this).addClass(settings.defaultClass);
});
$(this).parent('div').bind('mousedown', function(e)
{
$(this).removeClass(settings.overClass); $(this).removeClass(settings.defaultClass); $(this).addClass(settings.pressClass);
});
};
})( jQuery );