网页制作中,文字内容太多,不想全在本页上显示,点击上面“更多”,就能看到全部内容,这个要怎么做?

如题所述

第一种是 只在本页上显示一部分。其他的全部在另一个页面。在本页做一个<a href="到另一个页面的链接">更多>></a>。第二种 是把所有的内容都在代码中排出来。但是只有一部分是 能显示的剩余的是隐藏。点击更多的时候 把隐藏的部分显示出来 jquery的 hide()隐藏 和 show()显示就可以做到
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-12-16
用js写个脚本,展开收起的方式:我把代码黏上,您可以试试:
【一、代码部分】
<div id="hutia">
1.即使生气,还是忍不住关心你,这才是真正爱你的人!
2.爱一个人,其实很简单。他让你流泪,让你失望,尽管这样,他站在那里,你还是会走过去牵他的手,不由自主。
3.你拿了自己一生的幸福做赌注,要跟着我,你是这个世界上唯一这样信任我的人,我怎么舍得让你输。
4.女人只会欺负对她好的男人,因为她知道即使他再委屈也不会离开她。一点点语录网
5.世界上最美妙的一件事,就是当你拥抱一个你爱的人,他竟然把你抱得更紧。
6.爱你就是,见不到你的时候,心里有好多话想和你说;你在身边时,觉得得静静地靠近你,即使不说话,也很好。
7.相遇是一种美丽,相识是一种欢心,而相知是一种幸福。
</div>
【二、js部分】
<script type="text/javascript">
(function(){
var o = document.getElementById("hutia");
Subt(o);
})();
function Subt(obj){
var s = obj.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);
}
}
obj.innerHTML = "";
obj.appendChild(p);
obj.appendChild(n);
}
</script>本回答被提问者和网友采纳
第2个回答  2014-06-09
动态的数据库读取?那就截断一部分,加个超链接就可以了。
相似回答