Callout jQuery Plugin

Callout.js

Summary

CallOut is an easy to use jQuery plugin for showing additional content on click or hover events without obscuring the rest of the screen like a traditional popup

Basic Usage

<div class="callout-wrapper" style=" margin-top: 15px;">
	<div id="calloutBtn" class="btn">Click Me</div>
</div>

While designing the plugin, we decided that we wanted callouts that are smart with regards to available screen space and are strongly tied with the button that opens them(for example during a downward scroll). For this reason, developers need to wrap their button in a div with class .callout-wrapper

Examples:

favoriteClick Me
Gimme Some Truth

Click & Drag Me
Gimme Some Truth

Click & Move Me
Gimme Some Truth

favoriteClick Me
Gimme Some Truth

motorcycleDrag & Click Me
Gimme Some Truth

motorcycleDrag & Click Me
Gimme Some Truth

motorcycleDrag & Click Me
Gimme Some Truth

motorcycleDrag & Click Me
Gimme Some Truth

Download for More Fun:

file_downloadCallout.js


Explore Chakra7 Today

Om Shanti Om