jquery截取字符串2

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

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

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

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

二,HTML部分

  1. www.biuuu.com (很多省略...)

三,Javascript部分

直接将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的完整实例

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

你可能感兴趣的:(jquery,jquery插件,javascript,function,div,less)