일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 게시판
- CGIMALL
- #뉴스
- happycgi
- #솔루션
- #해피CGI
- #cgimall
- #이미지
- CSS
- #업종별
- 홈페이지제작
- #happycgi
- 솔루션
- #image
- 사이트제작
- 해피씨지아이
- #홈페이지제작
- jquery
- #쇼핑몰
- php
- 홈페이지
- 웹솔루션
- #동영상
- #홈페이지
- 쇼핑몰
- #CSS
- 해피CGI
- #jQuery
- #웹솔루션
- javascript
- Today
- Total
목록#lenght (1)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Limit Text Length To A Specific Number Of Lines - Read More
다운로드 받은 파일의 압축을 해제한 후, index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 여러줄로 구성된 텍스트를 일부만 화면에 표시해주고, 표시되는 끝 부분에 read more 버튼을 표시해줍니다. 더 보기 버튼을 클릭하면, 나머지 텍스트를 화면에 스르륵 표시를 해주는 jquery 플러그인 입니다. 사용법은 아래와 같습니다. 1. jquery 와 더보기 플러그인을 로드합니다. 2. 텍스트가 출력되어야 할 블록을 연결하고, 몇줄을 자르고 표시할지를 지정합니다. 3. 더보기 버튼을 클릭하면 화면에 나머지 텍스트를 표시하는 효과를 주려면 텍스트를 출력하는 블록에 data-controller 이라는 속성을 추가하고, 버튼과 연결하면 됩니다. 4. 더보기 버튼을 조절하거나, 더보기 할 텍..
웹프로그램밍 자료실/JAVA 자료
2020. 11. 30. 09:28