日期：2013-5-2 来源：GBin1.com
在线演示：www.gbtags.com/gb/share/887.htm
还记得我们以前分享的超酷悬浮覆盖式的注释效果吗?今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的jQuery插件 - Chardin.js，使用它可以快速的帮助你生成针对页面元素的注释效果，非常适合你辅助用户了解页面元素功能或者重点显示页面特定部分。
主要特性
使用Bootstrap
支持SCSS
支持主流浏览器
使用简单
如何使用
引用CSS和js，如下：
<link href="chardinjs.css" rel="stylesheet"> <ｓｃｒｉｐｔ src="chardinjs.min.js"></ｓｃｒｉｐｔ>
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" />
来源：超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js http://www.gbin1.com/technology/jquerynews/20130502-jquery-chardin-js/