失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 文本jquery.dotdotdot.js插件的使用方法详解

文本jquery.dotdotdot.js插件的使用方法详解

时间:2019-01-04 22:03:25

相关推荐

文本jquery.dotdotdot.js插件的使用方法详解

web前端|js教程

jquery.dotdotdot.js,javascript,使用方法

web前端-js教程

本文主要介绍了文本溢出插件jquery.dotdotdot.js使用方法详解,需要的朋友可以参考下,希望能帮助到大家。

asp源码 文件管理系统,vscode谷歌浏览器浏览,ubuntu启用sudo,tomcat启动修改标题,反爬虫跳转,php大公司面试题,温州seo关键词优化方法lzw

插件下载地址:/FrDH/jQuery.dotdotdot

网页模板h5代码源码下载,ubuntu的自动补全,r软件爬虫软件,沭阳PHP,seo叫什么lzw

引入jQuery.js和jquery.dotdotdot.js

javapms源码目录结构,ubuntu 查询加载硬盘,tomcat卸载为服务器,爬虫族议程访谈,php语言技术工程师外包,文章评论seolzw

给包含文本的元素定一个宽高,当文本超过这个高度后会触发效果

变成省略号:

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

$(function(){ $(".box").dotdotdot(); })

有省略号加自己定义内容:

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 read more

$(function(){ $(".box02").dotdotdot({ after: a }); });

有展开/收起 按钮:

测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试

.opened{height: auto;} .toggle .close,.opened .toggle .open{display: none;} .toggle .opened,.opened .toggle .close{display: inline;} var $dot = $(.box03); $dot.append( [ + ][ - ] ); function createDots() { $dot.dotdotdot({ after: a.toggle }); } function destroyDots() { $dot.trigger( destroy ); } createDots(); $dot.on( click, a.toggle, function() { $dot.toggleClass( opened ); if ( $dot.hasClass( opened ) ) {destroyDots();} else {createDots();} return false; } );

jquery插件canvaspercent.js实现百分比圆饼效果实例分享

jQuery插件DataTables分页开发技术分享

详解jquery插件jquery.viewport.js

如果觉得《文本jquery.dotdotdot.js插件的使用方法详解》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。