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

　　日期：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/