jquery文本溢出插件textOverflow.js

所属分类:其他-杂项

 33967  349  查看评论 (6)
分享到微信朋友圈
X
jquery文本溢出插件textOverflow.js ie兼容7

使用方法:

1.设置所需的长度

$(this).attr("displayLength","字节长度")

2.调用该插件

    1.溢出与还原切换

    $(this).un_displayPart();

     2.溢出不还原

     $(this).text_overflow();

插件原理:

    获取对象的html文本,根据所需的字节长度,取其该需要的长度,然后在该长度后面加"...";


相关插件-杂项

动态增加表格行

动态增加表格行
  杂项
 40315  400

Ligature Symbols

Ligature Symbols
  杂项
 25742  322

原生态图片合成

多张图片合成一张图片
  杂项
 24710  322

jquery在线客服

jquery在线客服代码
  杂项
 55351  427

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ~~今子小姐~~ 0
    2020/12/10 9:03:14
    想要你的图片的效果,文本溢出后渐变隐藏效果没实现呀。 回复
    丶IF YOU 0
    2018/5/2 11:50:32
    一个页面只能用一个元素。不能让所有的同样的元素都这样,我这里让所有的p都隐藏,结果所有文字都一样了。
        丶IF YOU0
        2018/5/2 11:58:16
        需要循环一下,才可以。
    回复
    0
    2018/4/17 15:55:18
    怎样一开始就让溢出的隐藏掉呢 回复
    三十九度之夏 0
    2016/8/10 14:08:25
    这个需要点击后才能使用,能否不经过点击就触发隐藏
        matian3130
        2018/1/10 9:38:06

        你把方法写在click外面就好了$(".a").attr("displayLength","280")

        $(".a").un_displayPart();
        $(".a").click(function() {
            $(this).attr("displayLength", "280")
            $(this).un_displayPart();
        })		

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复