웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 한줄이상 콘텐츠에 ellipsis 적용이 가능한 라이브러리입니다^^ 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 한줄이상 콘텐츠에 ellipsis 적용이 가능한 라이브러리입니다^^

해피CGI윤실장 2017. 4. 27. 09:51

ellipses는 한줄만 적용이 됩니다.
한줄 이상의 콘텐츠에서도 적용이되어 크로스 브라우징이 가능한 라이브러리 입니다.

링크를 통해서 사이트로 이동해보시면 여러가지 예제와 함께 파일다운로드를 제공하고 있습니다.




한줄이상의 컨텐츠를 Ellip한 모습

일반 텍스트로만 작성된 문서나, 마크업을 통해서 표현된 텍스트, 텍스트의 중간을 자를수도 있습니다.

기본적인 사용방법은 여느 jquery소스와 동일합니다.


<head>
 <script src="jquery.js" type="text/javascript"></script>
 <script src="jquery.dotdotdot.js" type="text/javascript"></script>
</head>
 


헤드부분에 위와같이 스크립트를 불러온다음. 사용하기위한 각 각의 스크립트 그리고 작성글에 원하는 ID값을
붙여주시면 동작을하게 됩니다.

자세한 사용방법은  http://dotdotdot.frebsite.nl/ 에서 확인하실 수 있습니다.

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] html5 예제 파일이 가득한곳! html5demos.codeplex  (0) 2017.05.08
[해피CGI][cgimall] 초보자도 유용하게 사용할수있는 소스창고 xeguidebook!  (0) 2017.05.02
[해피CGI][cgimall] HTML5 소스창고 html5ref!  (0) 2017.04.26
[해피CGI][cgimall] 모바일 스크롤 컴포넌트 jindo.m.Scroll [1.4.0]  (0) 2017.04.25
[해피CGI][cgimall] html5 기초부터 배울수 있는 html5-tutorials  (0) 2017.04.24
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments