jQuery poshytip input输入框自动提示信息使用方法
2015-01-28 14:31:52  By: dwtedx

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

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+