SuperEventsJavaScript Events Library

SuperEvents Lets you to run actions when events are detected.
Support most events action like:- Scroll, Click, Hover, Mouse Move,



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

See some examples with code
See real example