jQuery poshytip input输入框自动提示信息使用方法

不知道大家有没有看到我博客下面的评论那里的输入框、获得焦点的时候会有一个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