素材牛VIP会员

超出文字隐藏,展开与收缩

 浏览:1829次-  评论:0次-  发布时间:2018-08-14
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:2.1.4
素材牛VIP永久特权
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
代码描述:超出字体数,添加省略号,显示展开。展开全文,显示收起

前端菜鸟一只,有不对之处多多海涵在小弟这里,过渡很自然,不知为何在这里动画过渡很不自然时间仓促,先码字,没办法详细解说,网上很多参考示例// 超出文字隐藏,可展开收缩// 

注:

 1.需在文字层与点击标签外套个父元素,并opacity:0//      

2.依次传入 文字层的class,点击层的class,字数限制,最小高度(收缩后的高度)initfontnum   ---- 初始化字数限制inittextheight  --- 初始化高度diditext  ----- 获取完整内容didiheight ---- 获取完整内容的高度

讨论这个常用代码(0)回答他人问题或分享心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:1829
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)