JQuery-Truncate插件(更多,截字)
pumaboyd2008-11-08 | 21:54 分类:Javascript | 标签:Jquery | 201 views
继续我的开源之旅。成本、开发、快速、分享这就是开源带给我的乐趣。(*^__^*),总算给我找到了。
平时用到很多这种类似的,长文本需要添加一个显示更多的按钮或是希望截取多少字的情况。web网站用的很多,做法有很多种。比如:程序代码截取,ajax在“更多”按钮取出全部内容。这可能是很好的方式,也最小的HTML传输。但我还是倾向于javascript的截取方式,原因很简单,对程序的改动最小。开发人员有更多的精力做更多有益的事情。当然我不否认会使用ajax的方式,有特殊的地方还是要用的,但不想极端。多一点HTML,我可以接受。
明白我的意思,就不讨论这种方式会造成页面文件大的观点。
快速开发,快速完成任务。
官方网址:http://www.reindel.com/truncate/
主要有4个DEMO,用来说明文字截取,支持文本中有HTML的截取,支持单纯截字处理。
用法:
//单纯截字 $(".example_2").truncate( 60 ); //More Text $(".example_3").truncate( 120,{ chars: /\s/, trail: [ " ( <a href='#' class='truncate_show'>more</a> . . . )", "( . . . <a href='#' class='truncate_hide'>less</a> )" ] });

1条评论 关于 “JQuery-Truncate插件(更多,截字)”
好东西 收藏了 下次有场景一定要用上