Team:Johns Hopkins/Templates/js/opacityrollover
From 2011.igem.org
/**
* jQuery Opacity Rollover plugin * * Copyright (c) 2009 Trent Foley (http://trentacular.com) * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */
- (function($) {
var defaults = { mouseOutOpacity: 0.67, mouseOverOpacity: 1.0, fadeSpeed: 'fast', exemptionSelector: '.selected' };
$.fn.opacityrollover = function(settings) { // Initialize the effect $.extend(this, defaults, settings);
var config = this;
function fadeTo(element, opacity) { var $target = $(element);
if (config.exemptionSelector) $target = $target.not(config.exemptionSelector);
$target.fadeTo(config.fadeSpeed, opacity); }
this.css('opacity', this.mouseOutOpacity) .hover( function () { fadeTo(this, config.mouseOverOpacity); }, function () { fadeTo(this, config.mouseOutOpacity); });
return this; }; })(jQuery);