简介内容超出部分文字隐藏省略的特效简介内容超出部分文字隐藏省略的特效(可显示可显示)
如果字数找过特定的字符数，那么超过这个字符数后的文字就显示省略号... 然后出现【展开】或省略号，点击
之后就出现全部内容
<div id="hutia">我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。我是那传
说中很长很长一段的文
字，作者hutia。</div>
<script>
(function(){
var o =
document.getElementByI
d("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需刷新才能执行]
