jQuery插件使用记录——jQuery qTip

最新推荐文章于 2024-08-12 08:36:48 发布

iteye_15734

最新推荐文章于 2024-08-12 08:36:48 发布

阅读量150

点赞数

分类专栏： Web/JQuery/CSS 文章标签： jQuery JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_15734/article/details/81795755

版权

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

9 篇文章 0 订阅

订阅专栏

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>

效果如下图: