简介内容超出部分文字隐藏省略的特效(可显示)
2011-10-13 00:00
666 查看
我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。我是那传说中很长很长一段的文字,作者hutia。
(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);
})();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
(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);
})();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 简介内容超出部分文字隐藏省略的特效(可显示)
- 超出div宽度范围的文字进行省略号省略,在鼠标移上去以后显示完整的内容
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- html动态添加需要显示的内容/文字过多,超出部分以省略号显示,鼠标移入时全部显示
- div或table内容超出宽度时隐藏并显示省略标记
- JS显示/隐藏部分文字特效
- 转载:div或table内容超出宽度时隐藏并显示省略标记
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- CSS 文字超长省略显示并隐藏超长部分
- table内容超出宽度时隐藏并显示省略标记
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- css限制显示字数,文字长度超出部分用省略号表示 只显示一行
- Android ViewPager内容部分随手势上下滑动隐藏与显示Indicator效果的实现
- JavaScript 实现隐藏省略文字特效
- 多行文字超出部分显示省略号
- 如何设置table,使单元格内容无论多少,只显示一行,超过单元格宽度的部分自动隐藏,当鼠标放到单元格上,内容自动显示完整?
- 文字超出隐藏并显示省略号
- 多行文字超出省略显示
- css单行及多行文字超出部分显示省略号