jquery实现多余文字显示或隐藏
2014-04-26 16:18
295 查看
实现目标:在一单元格中显示部分内容,多余出来的内容隐藏,在显示的内容后面有省略号与显示按钮,点击显示后,显示全部文字,并显示隐藏按钮,javascript代码如下: // 每行显示21个字,超过省略,用查看更多 var disLen = 29; var len = detail.length; if (len > disLen) { detail ="<div>" + detail.substring(0, disLen) + "<span style='font-size:25px' class='hide" + i + "'>...</span><span class='hide" + i + "' style = 'display:none'>" + detail.substring(disLen + 1, len) + "</span> </div><div><a href='#youhui' onclick='showHideCode(" + i + ")'><span class='hide" + i + "'>查看更多</span><span class='hide" + i + "' style = 'display:none'>隐藏</span></a></div>"; } function showHideCode(i) { $(".hide" + i).toggle(); }
上面detail字符串就是要实现的代码。
相关文章推荐
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- js与jquery实现搜索框提示文字显示与隐藏
- jquery的toggle实现文字隐藏与显示
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- 显示隐藏切换同时变化文字jquery与js实现
- jquery实现搜索框提示文字显示隐藏
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果
- jQuery实现鼠标经过时出现隐藏层文字链接的方法
- Jquery 实现密码框的显示与隐藏【转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069】
- Android 使用jQuery实现item点击显示或隐藏的特效
- jQuery实现长文字部分显示
- CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示
- jQuery实现页面滚动时顶部动态显示隐藏