首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 超出部分文字隐藏省略 简介内容超出部分文字隐藏省略的特效(可显示) 2011-10-13 12:10:02 作者： 如果字数找过特定的字符数，那么超过这个字符数后的文字就显示省略号... 然后出现【展开】或省略号，点击之后就出现全部内容 <div id="hutia">我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。我是那传说中很长很长一段的文字，作者hutia。</div> <script> (function(){ var o = document.getElementById("hutia"); var s = o.innerHTML; var p = document.createElement("span"); var n = document.createElement("a"); p.innerHTML = s.substring(0,100); n.innerHTML = s.length > 100 ? "..." : ""; n.href = "###"; n.onclick = function(){ if (n.innerHTML == "..."){ n.innerHTML = "收起"; p.innerHTML = s; }else{ n.innerHTML = "..."; p.innerHTML = s.substring(0,100); } } o.innerHTML = ""; o.appendChild(p); o.appendChild(n); })(); </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能js实现图片显示局部，鼠标经过显示全部的效果JS/jQuery实现默认显示部分文字点击按钮显示全部内容
