jQuery插件使用记录——jQuery qTip

最新推荐文章于 2020-07-20 10:12:00 发布

原创最新推荐文章于 2020-07-20 10:12:00 发布 · 190 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #ViewUI

Web/JQuery/CSS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个基于jQuery的漂亮提示插件qTip。该插件提供了丰富的配置选项，如位置设置、样式定制等。通过示例展示了如何在网页元素上使用qTip创建美观的提示框。

jQuery qTip

1个漂亮的提示插件。

主页: http://craigsworks.com/projects/qtip (当前最新版本: 1.0.0-rc3)

-----------------------------------------------------------------------

用法1:

<script type="text/javascript">
$(document).ready(function()
{
   $('ul.subindex li a[title]').qtip({
      position: {
         corner: {
            target: 'topRight',
            tooltip: 'bottomLeft'
         }
      },
      style: {
         name: 'cream',
         padding: '7px 13px',
         width: {
            max: 210,
            min: 0
         },
         tip: true
      }
   });
});
</script>

效果如下图: