jQuery poshytip input输入框自动提示信息使用方法
2015-01-28 14:31:52 By: shinyuu
不知道大家有没有看到我博客下面的评论那里的输入框、获得焦点的时候会有一个Twitter样式的提示、这样做的目的是为了省略在输入框前面的文字、个人觉得那个文字提示看上去真的很丑、给公司做项目那是必须要的、给自己做项目、我当然不会要那个输入框前面的文字了、所以就用了poshytip来替换、现在分享给大家、希望对一些有程序强迫症的程序员们有用、大家可以在下面试着评论看效果
JS代码
$(´#demo-tip-twitter´).poshytip({
className: ´tip-twitter´,
showTimeout: 1,
alignTo: ´target´,
alignX: ´center´,
offsetY: 5,
allowTipHover: false,
fade: false,
slide: false
});
HTML代码
<p> <a id="demo-tip-twitter" title="Follow vadikom" href="#"> .tip-twitter </a> (ala Twitter) </p>
上面这个用法只是我博客的使用方法、还有很多使用方法、大家可以下载源代码自行查看、并且可以根据自己的项目需要融入到自己的项目中
最后还是贴上源代码吧、我的Demo、是从官网下载的、基本上包含了所有样式、希望对大家有帮助哈
源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1sjr0q4H 密码: c6xh
若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力
想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）
或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）
如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教
为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）
感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛
