最近在项目中有个需求是点击超链接,将记录添加到另外一个页面的一个按钮上面,点击按钮然后显示所有的添加的记录列表,在点击超链接的时候需要显示添加的信息
此事后poshytip 排上了用场,显示是添加还是删除或者修改了记录的个数
下面是用法
官网地址:http://vadikom.com/demos/poshytip/
poshytip 支持 hover, focus 事件,但是我需要的不是这些事件,那么还有一个就是none
直接看代码:
JavaScript Code
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
$(
'id').bind(
'click',
function ()
{ //配置将要显示tip的信息 $( '#demo-manual-trigger').poshytip( { content : 'show my message!', //想要显示的信息 showOn : 'none', alignTo : 'target', alignX : 'inner-left', offsetX : 0, offsetY : 5 } ); //显示 $( '#demo-manual-trigger').poshytip( 'show'); //一秒之后隐藏 setTimeout( function () { $( '#demo-manual-trigger').poshytip( 'hide'); }, 1000); } ); |