corrade-http-templates – Blame information for rev 57

Subversion Repositories:
Rev:
Rev Author Line No. Line
57 office 1 var duration = 1000,
2 wait = 500;
3  
4 function effect( elem, name, options ) {
5 $.extend( options, {
6 easing: "easeOutQuint"
7 } );
8  
9 $( elem ).on( "click", function() {
10 $( this )
11 .addClass( "current" )
12  
13 // delaying the initial animation makes sure that the queue stays in tact
14 .delay( 10 )
15 .hide( name, options, duration )
16 .delay( wait )
17 .show( name, options, duration, function() {
18 $( this ).removeClass( "current" );
19 } );
20 } );
21 }
22  
23 $( "#hide" ).on( "click", function() {
24 $( this )
25 .addClass( "current" )
26 .hide( duration )
27 .delay( wait )
28 .show( duration, function() {
29 $( this ).removeClass( "current" );
30 } );
31 } );
32  
33 effect( "#blindLeft", "blind", { direction: "left" } );
34 effect( "#blindUp", "blind", { direction: "up" } );
35 effect( "#blindRight", "blind", { direction: "right" } );
36 effect( "#blindDown", "blind", { direction: "down" } );
37  
38 effect( "#bounce3times", "bounce", { times: 3 } );
39  
40 effect( "#clipHorizontally", "clip", { direction: "horizontal" } );
41 effect( "#clipVertically", "clip", { direction: "vertical" } );
42  
43 effect( "#dropDown", "drop", { direction: "down" } );
44 effect( "#dropUp", "drop", { direction: "up" } );
45 effect( "#dropLeft", "drop", { direction: "left" } );
46 effect( "#dropRight", "drop", { direction: "right" } );
47  
48 effect( "#explode9", "explode", {} );
49 effect( "#explode36", "explode", { pieces: 36 } );
50  
51 effect( "#fade", "fade", {} );
52  
53 effect( "#fold", "fold", { size: 50 } );
54  
55 effect( "#highlight", "highlight", {} );
56  
57 effect( "#pulsate", "pulsate", { times: 2 } );
58  
59 effect( "#puff", "puff", {} );
60 effect( "#scale", "scale", {} );
61 effect( "#size", "size", {} );
62 $( "#sizeToggle" ).on( "click", function() {
63 var options = { to: { width: 300, height: 300 } };
64 $( this )
65 .addClass( "current" )
66 .toggle( "size", options, duration )
67 .delay( wait )
68 .toggle( "size", options, duration, function() {
69 $( this ).removeClass( "current" );
70 } );
71 } );
72  
73 $( "#shake" ).on( "click", function() {
74 $( this )
75 .addClass( "current" )
76 .effect( "shake", {}, 100, function() {
77 $( this ).removeClass( "current" );
78 } );
79 } );
80  
81 effect( "#slideDown", "slide", { direction: "down" } );
82 effect( "#slideUp", "slide", { direction: "up" } );
83 effect( "#slideLeft", "slide", { direction: "left" } );
84 effect( "#slideRight", "slide", { direction: "right" } );
85  
86 $( "#transfer" ).on( "click", function() {
87 $( this )
88 .addClass( "current" )
89 .effect( "transfer", { to: "div:eq(0)" }, 1000, function() {
90 $( this ).removeClass( "current" );
91 } );
92 } );
93  
94 $( "#addClass" ).on( "click", function() {
95 $( this ).addClass( "current", duration, function() {
96 $( this ).removeClass( "current" );
97 } );
98 } );
99 $( "#removeClass" ).on( "click", function() {
100 $( this ).addClass( "current" ).removeClass( "current", duration );
101 } );
102 $( "#toggleClass" ).on( "click", function() {
103 $( this ).toggleClass( "current", duration );
104 } );