요즈음 모든 블로그에는 글 내용을 펼치거나 접을 수 있는 기능을
손쉽게 이용할 수 있도록 '요약글' 이라는 기능을 제공한다.
하지만 기본 제공되는 기능이 디자인을 비롯한 여러 가지 요인들로 인해서
마음에 들지 않을 때 사용해볼만한 팁이다.
아래와 같은 몇 줄의 'HTML'과 'Java Script'가 혼합된 코드를 사용하면 된다.
------------------------------------------------------------------------------
<span id="more" style="CURSOR: hand" onclick="if(story.style.display=='none') {story.style.display=''; more.innerText='>접기'} else {story.style.display='none';more.innerText='>펼치기'}">>펼치기< /span>
<div id="story" style="display: none"><HR>이곳에 필요한 내용을 입력하면 된다.<HR></div>
------------------------------------------------------------------------------
출처 : http://cosf.tistory.com/
손쉽게 이용할 수 있도록 '요약글' 이라는 기능을 제공한다.
하지만 기본 제공되는 기능이 디자인을 비롯한 여러 가지 요인들로 인해서
마음에 들지 않을 때 사용해볼만한 팁이다.
아래와 같은 몇 줄의 'HTML'과 'Java Script'가 혼합된 코드를 사용하면 된다.
------------------------------------------------------------------------------
<span id="more" style="CURSOR: hand" onclick="if(story.style.display=='none') {story.style.display=''; more.innerText='>접기'} else {story.style.display='none';more.innerText='>펼치기'}">>펼치기< /span>
<div id="story" style="display: none"><HR>이곳에 필요한 내용을 입력하면 된다.<HR></div>
------------------------------------------------------------------------------
출처 : http://cosf.tistory.com/
'지식 창고 > Computer ETC...' 카테고리의 다른 글
Daum 에 이은 Naver폰트 나눔고딕, 나눔명조 (0) | 2008.10.19 |
---|---|
Daum에서 만든 폰트 - 다음서체 (0) | 2008.10.01 |
구글의 MS공략은 계속된다. Google 멀티탭 브라우저 Chrome (4) | 2008.09.07 |
USB에 대한 간단한 지식 (0) | 2008.08.30 |
모니터의 밝기설정확인하기 (0) | 2008.08.17 |