1 /*!2 * jQuery UI Effects Drop @VERSION3 *4 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)5 * Dual licensed under the MIT or GPL Version 2 licenses.6 * http://jquery.org/license7 *8 * http://docs.jquery.com/UI/Effects/Drop9 *10 * Depends:11 * jquery.effects.core.js12 */13 (function( $, undefined ) {1415 $.effects.drop = function(o) {1617 return this.queue(function() {1819 // Create element20 var el = $(this), props = ['position','top','bottom','left','right','opacity'];2122 // Set options23 var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode24 var direction = o.options.direction || 'left'; // Default Direction2526 // Adjust27 $.effects.save(el, props); el.show(); // Save & Show28 $.effects.createWrapper(el); // Create Wrapper29 var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left';30 var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg';31 var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2);32 if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift3334 // Animation35 var animation = {opacity: mode == 'show' ? 1 : 0};36 animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance;3738 // Animate39 el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() {40 if(mode == 'hide') el.hide(); // Hide41 $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore42 if(o.callback) o.callback.apply(this, arguments); // Callback43 el.dequeue();44 }});4546 });4748 };4950 })(jQuery);1 /*! 2 * jQuery UI Effects Drop @VERSION 3 * 4 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) 5 * Dual licensed under the MIT or GPL Version 2 licenses. 6 * http://jquery.org/license 7 * 8 * http://docs.jquery.com/UI/Effects/Drop 9 * 10 * Depends: 11 * jquery.effects.core.js 12 */ 13 (function( $, undefined ) { 14 15 $.effects.drop = function(o) { 16 17 return this.queue(function() { 18 19 // Create element 20 var el = $(this), props = ['position','top','bottom','left','right','opacity']; 21 22 // Set options 23 var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode 24 var direction = o.options.direction || 'left'; // Default Direction 25 26 // Adjust 27 $.effects.save(el, props); el.show(); // Save & Show 28 $.effects.createWrapper(el); // Create Wrapper 29 var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left'; 30 var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg'; 31 var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2); 32 if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift 33 34 // Animation 35 var animation = {opacity: mode == 'show' ? 1 : 0}; 36 animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance; 37 38 // Animate 39 el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() { 40 if(mode == 'hide') el.hide(); // Hide 41 $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore 42 if(o.callback) o.callback.apply(this, arguments); // Callback 43 el.dequeue(); 44 }}); 45 46 }); 47 48 }; 49 50 })(jQuery);1 /*! 2 * jQuery UI Effects Drop @VERSION 3 * 4 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) 5 * Dual licensed under the MIT or GPL Version 2 licenses. 6 * http://jquery.org/license 7 * 8 * http://docs.jquery.com/UI/Effects/Drop 9 * 10 * Depends: 11 * jquery.effects.core.js 12 */ 13 (function( $, undefined ) { 14 15 $.effects.drop = function(o) { 16 17 return this.queue(function() { 18 19 // Create element 20 var el = $(this), props = ['position','top','bottom','left','right','opacity']; 21 22 // Set options 23 var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode 24 var direction = o.options.direction || 'left'; // Default Direction 25 26 // Adjust 27 $.effects.save(el, props); el.show(); // Save & Show 28 $.effects.createWrapper(el); // Create Wrapper 29 var ref = (direction == 'up' || direction == 'down') ? 'top' : 'left'; 30 var motion = (direction == 'up' || direction == 'left') ? 'pos' : 'neg'; 31 var distance = o.options.distance || (ref == 'top' ? el.outerHeight({margin:true}) / 2 : el.outerWidth({margin:true}) / 2); 32 if (mode == 'show') el.css('opacity', 0).css(ref, motion == 'pos' ? -distance : distance); // Shift 33 34 // Animation 35 var animation = {opacity: mode == 'show' ? 1 : 0}; 36 animation[ref] = (mode == 'show' ? (motion == 'pos' ? '+=' : '-=') : (motion == 'pos' ? '-=' : '+=')) + distance; 37 38 // Animate 39 el.animate(animation, { queue: false, duration: o.duration, easing: o.options.easing, complete: function() { 40 if(mode == 'hide') el.hide(); // Hide 41 $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore 42 if(o.callback) o.callback.apply(this, arguments); // Callback 43 el.dequeue(); 44 }}); 45 46 }); 47 48 }; 49 50 })(jQuery);
© Reprint statement
This article was written by Harry
Link to this article:https://www.361sale.com/en/12733
The article is copyrighted and must be reproduced with attribution.
THE END
No comments