File Editor
Directories:
.. (Back)
Files:
accordion.js
accordion.min.js
autocomplete.js
autocomplete.min.js
button.js
button.min.js
checkboxradio.js
checkboxradio.min.js
controlgroup.js
controlgroup.min.js
core.js
core.min.js
datepicker.js
datepicker.min.js
dialog.js
dialog.min.js
draggable.js
draggable.min.js
droppable.js
droppable.min.js
effect-blind.js
effect-blind.min.js
effect-bounce.js
effect-bounce.min.js
effect-clip.js
effect-clip.min.js
effect-drop.js
effect-drop.min.js
effect-explode.js
effect-explode.min.js
effect-fade.js
effect-fade.min.js
effect-fold.js
effect-fold.min.js
effect-highlight.js
effect-highlight.min.js
effect-puff.js
effect-puff.min.js
effect-pulsate.js
effect-pulsate.min.js
effect-scale.js
effect-scale.min.js
effect-shake.js
effect-shake.min.js
effect-size.js
effect-size.min.js
effect-slide.js
effect-slide.min.js
effect-transfer.js
effect-transfer.min.js
effect.js
effect.min.js
menu.js
menu.min.js
mouse.js
mouse.min.js
progressbar.js
progressbar.min.js
resizable.js
resizable.min.js
selectable.js
selectable.min.js
selectmenu.js
selectmenu.min.js
slider.js
slider.min.js
sortable.js
sortable.min.js
spinner.js
spinner.min.js
tabs.js
tabs.min.js
tooltip.js
tooltip.min.js
Create New File
Create
Edit File: effect-explode.js
/*! * jQuery UI Effects Explode 1.13.2 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ //>>label: Explode Effect //>>group: Effects /* eslint-disable max-len */ //>>description: Explodes an element in all directions into n pieces. Implodes an element to its original wholeness. /* eslint-enable max-len */ //>>docs: http://api.jqueryui.com/explode-effect/ //>>demos: http://jqueryui.com/effect/ ( function( factory ) { "use strict"; if ( typeof define === "function" && define.amd ) { // AMD. Register as an anonymous module. define( [ "jquery", "./effect" ], factory ); } else { // Browser globals factory( jQuery ); } } )( function( $ ) { "use strict"; return $.effects.define( "explode", "hide", function( options, done ) { var i, j, left, top, mx, my, rows = options.pieces ? Math.round( Math.sqrt( options.pieces ) ) : 3, cells = rows, element = $( this ), mode = options.mode, show = mode === "show", // Show and then visibility:hidden the element before calculating offset offset = element.show().css( "visibility", "hidden" ).offset(), // Width and height of a piece width = Math.ceil( element.outerWidth() / cells ), height = Math.ceil( element.outerHeight() / rows ), pieces = []; // Children animate complete: function childComplete() { pieces.push( this ); if ( pieces.length === rows * cells ) { animComplete(); } } // Clone the element for each row and cell. for ( i = 0; i < rows; i++ ) { // ===> top = offset.top + i * height; my = i - ( rows - 1 ) / 2; for ( j = 0; j < cells; j++ ) { // ||| left = offset.left + j * width; mx = j - ( cells - 1 ) / 2; // Create a clone of the now hidden main element that will be absolute positioned // within a wrapper div off the -left and -top equal to size of our pieces element .clone() .appendTo( "body" ) .wrap( "<div></div>" ) .css( { position: "absolute", visibility: "visible", left: -j * width, top: -i * height } ) // Select the wrapper - make it overflow: hidden and absolute positioned based on // where the original was located +left and +top equal to the size of pieces .parent() .addClass( "ui-effects-explode" ) .css( { position: "absolute", overflow: "hidden", width: width, height: height, left: left + ( show ? mx * width : 0 ), top: top + ( show ? my * height : 0 ), opacity: show ? 0 : 1 } ) .animate( { left: left + ( show ? 0 : mx * width ), top: top + ( show ? 0 : my * height ), opacity: show ? 1 : 0 }, options.duration || 500, options.easing, childComplete ); } } function animComplete() { element.css( { visibility: "visible" } ); $( pieces ).remove(); done(); } } ); } );
Save Changes
Rename File
Rename