Get new jQuery plugins just once a week

×

Purplecoat-js

FavoriteLoadingAdd to favorites

December 16, 2014

Purplecoat-js | jQuery plugin for simple labeled overlays

Purplecoat-js is a jQuery plugin to create simple customizable labeled overlays over elements

Created by Elle Kasai

Download

Example

Step 0: Add purplecoat-min.js along with jQuery.

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="purplecoat-min.js"></script>

Step 1: Add data-purplecoat="foo" and data-purplecoat-label="Hello!" to any element.

<img data-purplecoat="foo"
     data-purplecoat-label="Hello!" ...>

Step 3: Add data-purplecoat-toggle="foo" to any clickable element.

<button data-purplecoat-toggle=”foo” …> … </button>

 

 
Purplecoat-js

Related posts:

Volley
Responsive Tabs
TabTab-js

To install using Bower
bower install purplecoat.js

purplecoat-js jQuery plugin

http://jquer.in/wp-content/uploads/2014/12/purplecoat-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever