poshytip漂亮的表单提示插件

Poshy Tip 是一个强大的jQuery 工具提示插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。

淘建站为您提供更多_悬浮层/弹出层_悬浮层_poshytip_提示，在此特别感谢您对我们的支持与厚爱！

HTML

首先记得加载jQuery库和poshytip相关插件：

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="src/jquery.poshytip.js"></script> 
<link rel="stylesheet" href="src/tip-yellow/tip-yellow.css" type="text/css" />

我们提供了两种使用的例子，HTML代码如下：

<p>
    1、
    <a id="tips" title="我是不是很漂亮啊！~" href="#">
        滑动这里有惊喜哦~
    </a>
</p>
<p>
    2、邮箱：
    <br/>
    <input id="email" type="text" size="30" title="请正确输入您的邮箱" />
</p>

1、基本使用：

$("#tips").poshytip({allowTipHover: true});

2、表单提示：当输入框获得焦点时，在右侧会出现提示工具条

$('#email').poshytip({
    className: 'tip-yellowsimple',
    showOn: 'focus',
    alignTo: 'target',
    alignX: 'right',
    alignY: 'center',
    offsetX: 5
});

poshytip相关参数