Best jQuery Events Plugins & Tutorials with Demo

BackgroundCheck : JavaScript Script to detect Background Color Version

BackgroundCheck : JavaScript Script to detect Background Color Version

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

scrollDetection : jQuery plugin to Detects your Scroll Position

scrollDetection : jQuery plugin to Detects your Scroll Position

scrollDetection is a jQuery plugin to detects your scroll position up or down.

Dirrty : jQuery plugin to detect Form Field’s Modification

Dirrty : jQuery plugin to detect Form Field's Modification

Dirrty lightweight jquery plugin to detect if the fields of a form had been modified.
If a field has been modified then the form is dirrty

  • Detect the moment when the form gets dirty, and trigger a custom event, for example enable a “save changes” button
  • Detect the moment when the form gets clean again, and trigger a custom event, for example disable the “save changes” button, cause is not necesary
  • Prompt the user to save changes before leaving if the form is dirty

Now-open : jQuery Current Time Event Plugin

Now-open : jQuery Current Time Event Plugin

Now open is a lightweight jQuery plugin to determine if a the current times falls within a given set of times and days.

Trial.js : Mouse Monitoring & Prediction Library

Trial.js : Mouse Monitoring & Prediction Library

Trial.js is a simple library could monitor mouse position and predict user input

Features :

  • No dependency
  • Lightweight (~1kb gzipped)
  • Automatically extends jQuery and Zepto properties

Feature.js : JavaScript Browser feature Detection Library

Feature.js : JavaScript Browser feature Detection Library

Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically initializes itself on page load, so you don’t have to. It doesn’t, however, run any tests while initializing, so it will only ever run them when you ask it to. This makes it perform very fast.

In-View.js : JavaScript Viewport Event Library

In-View.js : JavaScript Viewport Event Library

Library that tracks elements on the page and reacts when they are about to leave or enter the viewport. The library has no external dependencies and is really easy to use with a simple callback syntax.

jCreate : jQuery plugin for Adds a new Bindable Event

jCreate : jQuery plugin for Adds a new Bindable Event

jCreate is a plugin for jQuery that adds a new bindable event.Just use .on(‘create’, ..); the callback will be triggered when elements are created on the page.

AdBlocker Blocker Red : Display Message to Ad blocker Users

AdBlocker Blocker Red : Display Message to Ad blocker Users

AdBlocker Blocker Red can detect nasty ad blockers and display custom message to user, and you can lock your content until they disable ad block addons. All you need to do is add some small lines code in your script and your done. If people want to view the content they must disable ad block addons. After disable ad block addons hidden content become visible. Very simple workflow.

  • Detect AdBlocker plugins and hide content
  • Very simple and clean code
  • Customize your own button notifications
  • User Guide Documentation
  • Simple and easy to use.
  • Detects all major ad blocking browser extensions on all major web browsers.

 

jQuery Resize Triggering Event Plugin

jQuery Resize Triggering Event Plugin

A jQuery plugin that adds the “resize” event to all elements.Have you ever wanted to listen for a resize event on an element other than window? This plugin listens for a resize event on any element and then triggers the resize event using jQuery so any Event Listeners will be called. Simply call the plugin on the element before adding the resize Event Listener.



Best jQuery websites design awards