Get Started!
Download the latest version of SuperEvents from
GitHub repository.
Then include SuperEvents.min.js
to your HTML file.
<script src="/path/to/SuperEvents.min.js"></script>
And SuperEvents is ready to use now!
Do you have any issue? report it from here!.
Quick Start
First, you have to create an instance by passing the source element(s) and the target element(s) in object to SuperEvents, for example:-
var scrollInstance = new SuperEvents({
source: document.getElementById('any-element-id'),
target: document.querySelectorAll('.click-example-target')
});
Then you have to call the event function and pass the required parameters (some of functions does't required any parameters or you can keep it empty to use default values) for example for scroll event call this function:
var scrollEvent = scrollInstance.scroll({
indicator: '80%',
duration: '20%',
});
indicator and duration is the space where you can apply the action.
Then call the action function:-
var scrollAction = scrollEvent.fromTo(
{
color: '#00FF00'
},
{
color: '#FF0000'
}
);
finally call the easing function like this way:-
scrollAction.easing({
timing:'linear',
duration: 0.3,
delay: 0.3,
cubicBezier: false
});
easing function is Optional