jQuery는 긴 텍스트 부분 표시 code_jquery를 구현합니다.

웹 페이지에는 작은 영역만 있지만 설명 텍스트가 매우 깁니다. 다음 스크립트는 긴 텍스트의 일부 표시를 구현합니다.
사용자가 클릭하여 펼치면 텍스트가 펼쳐지고, 닫으면 텍스트가 닫힙니다. 코드 복사

코드는 다음과 같습니다.

<script> <BR>var cur_status = "less" ; <BR>$.extend({ <BR>show_more_init:function(){ <BR>//alert("show_more_init!"); <BR>var charNumbers=$(".content").html().length ;//총 단어 수<BR>varlimit=100;//단어 수 표시<BR>if(charNumbers>limit) <BR>{ <BR>var orgText=$(".content").html(); // 원본 텍스트<BR>var orgHeight=$(".content").height();//원래 높이<BR>var showText=orgText.substring(0,limit);//최종적으로 표시되는 텍스트<BR>$ ( ".content").html(showText); <BR>var contentHeight=$(".content").height();//콘텐츠를 차단한 후의 높이 <BR>$(".switch").click ( <BR>function() { <BR>if(cur_status == "less"){ <BR>$(".content").height(contentHeight).html(orgText).animate({ height:orgHeight}, { 기간: "느림" }); <BR>$(this).html("수집"); <BR>cur_status = "more" <BR>}else{ <BR>$(".content"). height (orgHeight).html(showText).animate({ height:contentHeight}, { 지속 시간: "fast" }) <BR>$(this).html("expand") <BR>cur_status = "less" ; <BR>} <BR>} <BR>); <BR>} <BR>else <BR>{ <BR>$(".switch").hide() <BR>} <BR>} 🎜 >}); <BR>$(document).ready(function(){ <BR>$.show_more_init(); <BR>}) <BR></script> ;


; 제목>테스트제목>
#limittext{
너비:640px
위치:상대색:# ccc ;
색상: 검정색;
.switch{
글꼴 크기: 12px
커서: 포인터
글꼴 계열 : Verdana;
글꼴 무게:800;
하단:0
/*배경:url(more-bg.png) - x 하단;*/
높이:40px
줄 높이:80px>}

padding-bottom:15px;">
이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다 텍스트, 이것은 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. , 이것은 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 긴 문단, 긴 문단, 긴 문단, 긴 문단, 긴 문단, 긴 문단이야 텍스트 문단, 이건 아주 긴 문단, 이건 아주 긴 문단 , 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 단락입니다 텍스트, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 단락입니다 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 단락, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다, 이것은 매우 긴 단락입니다 단락, 긴 단락입니다, 긴 단락입니다, 긴 단락입니다 텍스트의 단락, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 텍스트 단락, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 단락입니다. 텍스트, 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 긴 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 아주 긴 문단이다, 이것은 아주 긴 문단이다, 이것은 아주 긴 문단이다, 이것은 긴 문단이다, 그것은 긴 문단이다, 그것은 긴 문단이다, 그것은 긴 문단이다, 그것은 긴 문단이다, 그것은 긴 문단이다, 그것은 긴 문단이다 이것은 긴 문단입니다. 이것은 아주 긴 문단입니다. 이것은 아주 긴 문단입니다. 이것은 아주 긴 문단입니다. 이것은 아주 긴 문단입니다. 이것은 매우 긴 문단입니다. 이것은 매우 긴 문단입니다. 텍스트 단락, 이것은 매우 긴 단락입니다 텍스트, 이것은 텍스트의 긴 단락입니다, 이것은 매우 긴 텍스트 단락입니다, 이것은 매우 긴 텍스트 단락, 이것은 매우 긴 텍스트 단락, 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 이것은 매우 긴 단락입니다. 아주 긴 문단이에요, 이건 긴 문단이에요, 긴 문단이에요, 긴 문단이에요, 긴 문단이에요, 긴 문단이에요, 긴 문단이에요, 긴 문단이에요 텍스트의 한 문단, 이건 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 텍스트, 이것은 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다. 이것은 매우 긴 텍스트 단락입니다

Expand div> ;