JQuery-Truncate插件(更多,截字)

pumaboyd2008-11-08 | 21:54 分类：Javascript | 标签：Jquery | 270 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> )" ]
    });

DEMO下载(Box.net | uushare)