网页制作中,文字内容太多,不想全在本页上显示,点击上面“更多”,就能看到全部内容,这个要怎么做?
展开全部
用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>
【一、代码部分】
<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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
动态的数据库读取?那就截断一部分,加个超链接就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询