12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- (function ($) {
- $.fn.extend({
- notify: function (options) {
- var settings = $.extend({ type: 'sticky', speed: 500, onDemandButtonHeight: 35 }, options);
- return this.each(function () {
- var wrapper = $(this);
- var ondemandBtn = $('.ondemand-button');
- var dh = -35;
- var w = wrapper.outerWidth() - ondemandBtn.outerWidth();
- ondemandBtn.css('left', w).css('margin-top', dh + "px" );
- var h = -wrapper.outerHeight();
- wrapper.addClass(settings.type).css('margin-top', h).addClass('visible').removeClass('hide');
- if (settings.type != 'ondemand') {
- wrapper.stop(true, false).animate({ marginTop: 0 }, settings.speed);
- }
- else {
- ondemandBtn.stop(true, false).animate({ marginTop: 0 }, settings.speed);
- }
- var closeBtn = $('.close', wrapper);
- closeBtn.click(function () {
- if (settings.type == 'ondemand') {
- wrapper.stop(true, false).animate({ marginTop: h }, settings.speed, function () {
- wrapper.removeClass('visible').addClass('hide');
- ondemandBtn.stop(true, false).animate({ marginTop: 0 }, settings.speed);
- });
- }
- else {
- wrapper.stop(true, false).animate({ marginTop: h }, settings.speed, function () {
- wrapper.removeClass('visible').addClass('hide');
- });
- }
- });
- if (settings.type == 'floated') {
- $(document).scroll(function (e) {
- wrapper.stop(true, false).animate({ top: $(document).scrollTop() }, settings.speed);
- }).resize(function (e) {
- wrapper.stop(true, false).animate({ top: $(document).scrollTop() }, settings.speed);
- });
- }
- else if (settings.type == 'ondemand') {
- ondemandBtn.click(function () {
- $(this).animate({ marginTop: dh }, settings.speed, function () {
- wrapper.removeClass('hide').addClass('visible').animate({ marginTop: 0 }, settings.speed, function () {
- });
- })
- });
- }
- });
- }
- });
- })(jQuery);
|