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

所属分类:UI-工具提示

 36216  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" />
相关插件-工具提示

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 30298  343

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 32506  312

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33335  394

jQuery网页新功能步骤引导

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

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

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