jquery文本溢出插件textOverflow.js

所属分类:其他-杂项

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

使用方法:

1.设置所需的长度

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

2.调用该插件

    1.溢出与还原切换

    $(this).un_displayPart();

     2.溢出不还原

     $(this).text_overflow();

插件原理:

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


相关插件-杂项

自写的许愿墙

简单的jQuery许愿墙,希望喜欢
  杂项
 30149  455

JS文字球状放大效果

纯js实现文字文字放大效果
  杂项
 35951  470

html5画板

html5画板小黄人版(IE不兼容)代码注释全
  杂项
 28408  337
  杂项
 27523  349

讨论这个项目(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();
        })		

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