https://github.com/netanelbasal/waitme
https://github.com/netanelbasal/waitme
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/netanelbasal/waitme
- Owner: NetanelBasal
- License: mit
- Created: 2014-10-26T06:26:38.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2017-02-12T18:46:51.000Z (almost 9 years ago)
- Last Synced: 2025-01-07T20:53:12.164Z (about 1 year ago)
- Language: CSS
- Size: 8.79 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
test change detector======
jquery plugin for easy creating loading css3 animations
For work required only jQuery, other libraries are not required.
Plugin use css3 animation, and works on all browsers and IE10+.
Direct links to libs
waitMe.js [5Kb]
waitMe.min.js [2.1Kb]
waitMe.css [18.7Kb]
waitMe.min.css [16.6Kb]
$(container).waitMe({param1 : value1, param2 : value2, ...});
Parameters
effect - animation effect (string).
Use: 'bounce' - default, none, rotateplane, stretch, orbit, roundBounce, win8, win8_linear, ios, facebook, rotation, timer, pulse, progressBar.
text - place text under the effect (string).
Use: 'text'.
bg - background for container (string).
Use: 'rgba(255,255,255,0.7)'. You can use color and image.
color - color for background animation and text (string).
Use: '#000'
sizeW - change width for elem animation (string).
Use: '40px'. By default, use empty string.
sizeH - change height for elem animation (string).
Use: '40px'. By default, use empty string.
Methods
hide - for close waitMe.
Use: $(container).waitMe("hide");
Notes
For sizeW and sizeH, default sizes is:
bounce - sizeW: '20px', sizeH: '20px'
rotateplane - sizeW: '30px', sizeH: '30px'
stretch - sizeW: '8px', sizeH: '60px'
orbit - sizeW: '40px', sizeH: '40px'
roundBounce - sizeW: '60px', sizeH: '60px'
win8 - sizeW: '40px', sizeH: '40px'
win8_linear - sizeW: '150px', sizeH: '6px'
ios - sizeW: '40px', sizeH: '40px'
facebook - sizeW: '6px', sizeH: '25px'
rotation - sizeW: '60px', sizeH: '60px'
timer - sizeW: '40px', sizeH: '40px'
pulse - sizeW: '30px', sizeH: '30px'
progressbar - sizeW: '200px', sizeH: '20px'