朱小呆--Zhu Xiao Dai|小呆日志|评论折叠实例分享

1年前

评论折叠实例分享

研究了好一阵子，终于还是把它给折腾出来了。之前采用截取字符的形式，但是问题还是比较多的，首先就是截取后，代码显示不全，导致无法点击评论进行回复。最后采用超出规定高度后进行折叠的形式，但是途中也遇到许多问题。一是不能单一控制，二是小于规定高度的也显示了按钮。后面才发现问题所在，必须在一开始就要把获取到的标签进行变量定义，然后就能很顺畅的进行后面的操作。

以下是虫虫测试后整理的评论折叠实例的源代码，可以直接拷贝进行测试。希望对你有所帮助。

CSS部分

html部分


	
	
		-------------内容省略------------1---------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略--------------------------
		
			
		

	

	
		
	




	
	
		-------------内容省略------------2---------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------内容省略---------------------------

javascript部分