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
Show Code

Click & Drag Me
Show Code

Click & Move Me
Show Code

favoriteClick Me
Show Code

motorcycleDrag & Click Me
Show Code

motorcycleDrag & Click Me
Show Code

motorcycleDrag & Click Me
Show Code

motorcycleDrag & Click Me
Show Code

Download for More Fun:

file_downloadCallout.js


Explore Chakra7 Today

Om Shanti Om