ne
1 /*!
2 * jQuery UI Effects Fold @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/Fold
9 *
10 * Depends:
11 * jquery.effects.core.js
12 */
13 (function( $, undefined ) {
14
15 $.effects.fold = function(o) {
16
17 return this.queue(function() {
18
19 // Create element
20 var el = $(this), props = ['position','top','bottom','left','right'];
21
22 // Set options
23 var mode = $.effects.setMode(el, o.options.mode || 'hide'); // Set Mode
24 var size = o.options.size || 15; // Default fold size
25 var horizFirst = !(!o.options.horizFirst); // Ensure a boolean value
26 var duration = o.duration ? o.duration / 2 : $.fx.speeds._default / 2;
27
28 // Adjust
29 $.effects.save(el, props); el.show(); // Save & Show
30 var wrapper = $.effects.createWrapper(el).css({overflow:'hidden'}); // Create Wrapper
31 var widthFirst = ((mode == 'show') != horizFirst);
32 var ref = widthFirst ? ['width', 'height'] : ['height', 'width'];
33 var distance = widthFirst ? [wrapper.width(), wrapper.height()] : [wrapper.height(), wrapper.width()];
34 var percent = /([0-9]+)%/.exec(size);
35 if(percent) size = parseInt(percent[1],10) / 100 * distance[mode == 'hide' ? 0 : 1];
36 if(mode == 'show') wrapper.css(horizFirst ? {height: 0, width: size} : {height: size, width: 0}); // Shift
37
38 // Animation
39 var animation1 = {}, animation2 = {};
40 animation1[ref[0]] = mode == 'show' ? distance[0] : size;
41 animation2[ref[1]] = mode == 'show' ? distance[1] : 0;
42
43 // Animate
44 wrapper.animate(animation1, duration, o.options.easing)
45 .animate(animation2, duration, o.options.easing, function() {
46 if(mode == 'hide') el.hide(); // Hide
47 $.effects.restore(el, props); $.effects.removeWrapper(el); // Restore
48 if(o.callback) o.callback.apply(el[0], arguments); // Callback
49 el.dequeue();
50 });
51
52 });
53
54 };
55
56 })(jQuery);
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
© Declaración de reproducción
Este artículo fue escrito por Harry
Enlace a este artículo:https://www.361sale.com/es/13247El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
EL FIN























![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios