jQuery插件使用记录——jQuery 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>
   

 

效果如下图: