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

所属分类:UI-工具提示

 36166  306  查看评论 (0)
分享到微信朋友圈
X
超棒的悬浮层式的页面元素注解jQuery插件 - Chardin.js ie兼容

还记得我们以前分享的超酷悬浮覆盖式的注释效果吗?今天这里我们分享一个能够帮助你快速的生成类似页面注释效果的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" />
相关插件-工具提示

jQuery网页新功能步骤引导

在网站上经常看到的网页新功能步骤引导
  工具提示
 27190  355

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 43542  435

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 48078  407

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 37788  450

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复