超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js

还记得我们以前分享的超酷悬浮覆盖式的注释效果吗？今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的jQuery插件 - Chardin.js，使用它可以快速的帮助你生成针对页面元素的注释效果，非常适合你辅助用户了解页面元素功能或者重点显示页面特定部分。

使用步骤

主要特性

使用Bootstrap

支持SCSS

支持主流浏览器

使用简单

如何使用

引用CSS和js，如下：

<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." data-position="right" />

PREVIOUS:
NEXT:
回到顶端插件(返回顶部) - ScrollUp
支持Lazy loading的图片画廊jQuery插件 - Least.js