Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bretterer/jquery-badgepop
Badge Pop jQuery Plugin
https://github.com/bretterer/jquery-badgepop
Last synced: about 2 months ago
JSON representation
Badge Pop jQuery Plugin
- Host: GitHub
- URL: https://github.com/bretterer/jquery-badgepop
- Owner: bretterer
- License: mit
- Created: 2013-06-14T03:08:48.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2013-06-14T14:07:59.000Z (over 11 years ago)
- Last Synced: 2024-05-01T12:57:05.628Z (9 months ago)
- Language: JavaScript
- Size: 129 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
jQuery Badge Pop Plugin
========[Demo Here](http://bretterer.github.io/jquery-badgepop/demo/)
### Depends On ###
[GreenSock Tween Max](https://github.com/greensock/GreenSock-JS/)### Simple Usage ###
`.badgePop(options)`###### Options
yPop: The spot of scroll height in px you want the pop to happen.
$('selector').badgePop({yPop:100});### Advanced Options ###
`.badgePop(options)`###### Options
yPop: The spot of scroll height in px you want the pop to happen. (Default: 0)
scale: Scale size of final element. (Default: 1)
ease: What easing you want to use. (Default: Elastic.easeOut)
mainDuration: number of seconds you want the main element to take (Default: 1)
childDuration: Number of seconds you want the children to take. (Default: .75)
childOpacity: Final Opacity of the children elements. (Default: 1)
childDelay: How long of a delay until the child elements begin to show (Default: .25)
$('selector').badgePop(
{
'yPop':10,
'scale':4,
'ease':'Elastic.easeIn',
'mainDuration':3,
'childDuration':'1.5',
'childOpacity':'.5',
'childDelay':6
}
);### License ###
Created and maintained by Brian Retterer. Copyright © 2013. Licensed under the [MIT license](LICENSE.md).