Excellent floating-layer page element annotation jquery Plugin-chardin.js

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Date: 2013-5-2 Source: gbin1.com

Online Demo: www.gbtags.com/gb/share/887.htm

Remember what we used to share with the cool suspension overlay annotation effect? Today we share a jquery plugin that will help you quickly generate a page-like annotation effect- Chardin.js, using it can quickly help you generate annotation effects on page elements, which is ideal for you to assist users with the ability to understand page elements or to highlight specific parts of a page.

Main Features

Using bootstrap

Support SCSS

Support for mainstream browsers

Easy to use

How to use

Refer to CSS and JS as follows:

<link href= "Chardinjs.css" rel= "stylesheet" > <script src= "chardinjs.min.js" ></script>

Javascript:

$ (' body '). Chardinjs (' Start ')

HTML:

<img src= "Img/chardin.png" "data-intro=" an awesome 18th-century painter, who found beauty in everyday, common things. "D ata-position= "Right"/>

Source: Awesome floating-layer page element annotations jquery plugin-chardin.js http://www.gbin1.com/technology/jquerynews/20130502- jquery-chardin-js/