首页

关于

使用Qtip2来开发功能强大的删除和信息提示功能

使用Qtip2来开发一个删除和内容提示功能

在线演示

前面的文章中我们介绍了超棒的20款javascript工具提示条(tooltips)类库,在这篇文章中我们曾经提到过 Qtip2这个强大的jQuery工具提示插件,这个jQuery插件能够帮助你快速创建强大的工具提示(tooltip)功能。如果大家使用微博的话,肯定会经常类似如下的用户信息界面,这个界面使用的就是一个工具提示功能。使用Qtip2你也可以快速开发出类似的提示功能。

使用Qtip2来开发一个删除和内容提示功能

在接下来的内容中,我们将创建一个博客文章阅读页面,并且提供两个"按钮"来控制"删除"和"喜欢",界面如下:

删除tooltip

使用Qtip2来开发一个删除和内容提示功能

相关信息提示

使用Qtip2来开发一个删除和内容提示功能

以上两个tooltip分别使用点击和hover来触发。

主要相关代码

javascript

倒入相关类库:

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script…

标签: jQuery, qtip2, tooltip, 工具提示, 提示

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.