jquery截取字符串2

jQuery插件jTruncate实现Javascript截取字符串功能

使用jQuery插件jTruncate可以实现Javascript截取字符串效果，将字符串截取成指定长度，并具有类似收缩和展开截取的字符串功能，效果图如下：

使用说明
需要使用jQuery库文件和jTruncate库文件

使用实例
一，包含文件部分

1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="jquery.jtruncate.js"></script>

二，HTML部分

1. <div id="biuuu">
2. www.biuuu.com (很多省略...)
3. </div>

三，Javascript部分

1. <script type="text/javascript">
2. jQuery(document).ready(function(){
3. jQuery("#biuuu").jTruncate();
4. });
5. </script>

直接将ID为biuuu的DIV层内字符串截取成指定长度，默认长度为300。

jTruncate插件的参数说明

1. length: 300,
2. minTrail: 20,
3. moreText: "more",
4. lessText: "less",
5. ellipsisText: "...",
6. moreAni: "",
7. lessAni: ""

length表示字符串最多可显示长度
minTrail表示截取的最小字符长度
moreText表示提示更多字样的文本，类似展开
lessText表示提示更少字样的文本，类似收缩
ellipsisText表示截取后的显示文本
moreAni表示显示截取字符串的速度
lessAni表示隐藏截取字符串的速度

另外一个jQuery插件jTruncate的完整实例

1. <script type="text/javascript">
2. jQuery(document).ready(function(){
3. jQuery("#biuuu").jTruncate({
4. length: 200,
5. minTrail: 0,
6. moreText: "[see all]",
7. lessText: "[hide extra]",
8. ellipsisText: " (truncated)",
9. moreAni: "fast",
10. lessAni: 2000
11. });
12. });
13. </script>

jQuery插件jTruncate使用还是比较简单，通过实践你会发现，jTruncate插件只能截取英文字符串，并不支持中文，不过其提供了一个非常好的思想，大家可查看其JS库文件，了解其截取字符串的原理。