웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능)
2004.05.28 22:56
너무 간단 .. 해서 안되려나;;
---
<script type="text/javascript" language="JavaScript">
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>
<div id=more01a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>현재 숨겨진 상태입니다.</p></a></div>
<div id=more01b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>펼친 상태입니다.</p></a><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
<br><br>
<div id=more02a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>이렇게 div id와 document.getElementById 값을 조절하면</p></a></div>
<div id=more02b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>여러개를 열고 닫을 수 있습니다.</p></a><p>어렵지 않습니다.</p></div>
---
참고가 되셨나요? ^^;
태터툴즈의 more 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
---
<script type="text/javascript" language="JavaScript">
function layer_toggle(obj) {
if (obj.style.display == 'none') obj.style.display = 'block';
else if (obj.style.display == 'block') obj.style.display = 'none';
}
</script>
<div id=more01a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>현재 숨겨진 상태입니다.</p></a></div>
<div id=more01b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more01a')); layer_toggle(document.getElementById('more01b'));return false;"><p>펼친 상태입니다.</p></a><p>div 사이에 이렇게 내용을 적어주시면 됩니다.</p></div>
<br><br>
<div id=more02a style=display:block><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>이렇게 div id와 document.getElementById 값을 조절하면</p></a></div>
<div id=more02b style=display:none ><a href=# onclick="layer_toggle(document.getElementById('more02a')); layer_toggle(document.getElementById('more02b'));return false;"><p>여러개를 열고 닫을 수 있습니다.</p></a><p>어렵지 않습니다.</p></div>
---
참고가 되셨나요? ^^;
태터툴즈의 more 기능이 참 좋아서 소스 보기로 이런거구나 하고 알게 되었습니다.
댓글 5
-
뚜아쫑아
2007.04.14 13:42
감사합니다. 찾고 있던겁니다. ^^ -
소허
2004.05.29 21:41
이런 기능을 예전부터 쭉 찾고 있었는데.. 너무 좋습니다!
지금 그대로 복사해서 확인을 해보니 너무 잘 되네요. 좋은 팁 감사합니다. ^^ -
황정익
2004.05.30 10:26
음.. 좋네요
more기능 블러그에 넣고 사용하면 참 편리 할 것 같네요 -
박민정
2004.07.16 17:01
넘 좋아요~ ^^ 감사해요 ~^^ -
선윤희
2006.07.11 17:19
우와ㅜ 저 이거 예전 부터 찾고 있었던 기능!!! 추천 한 방 올려요!
제목 | 글쓴이 | 날짜 |
---|---|---|
로딩 100% 후 페이지 이동시키기 [1] | ▩윤미 | 2004.04.30 |
웹페이지에 테두리 두르기 [5] | ▩윤미 | 2004.04.30 |
그림파일없이 바꾸는 그라이데이션 배경색 [3] | ▩윤미 | 2004.04.30 |
접속할때마다 다른 이미지 띄우기 [8] | ▩윤미 | 2004.04.30 |
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] | 검미르 | 2004.05.03 |
상태창에 머문시간 보여주기 [5] | ☺심심 | 2004.05.05 |
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 | ☺심심 | 2004.05.17 |
이미지 갤러리-이미지에 설명이나 이름을 같이 달아줄수 있는.. | webzang | 2004.05.17 |
배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
동영상을 일반 버튼으로 제어 | ☺심심 | 2004.05.23 |
왔다 갔다 이미지 스크롤 [3] | 컴도미 | 2004.05.25 |
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능) [5] | 나이시스 | 2004.05.28 |
지바 애플 아날로그 시계 소스입니다... [4] | 한성민 | 2004.06.02 |
[StylishJAVA]레이어를 이용한 슬라이드 메뉴 [5] | ∑Ztxy | 2004.06.05 |
[추천] 가로형 배너 슬라이드 [7] | ⓣinⓣin™ | 2004.06.10 |
볼륨값이 얼마나 될까? [5] | PHASE | 2004.06.16 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
둥근테이블을 홈피에 짜고싶을때../ [12] | zEn | 2004.06.28 |
레이어 특강 1 - 큰일 나는 소스 [23] | 미친개 | 2004.06.30 |
레이어 2 - 뷁뷁뷁뷁뷁봵 [7] | 미친개 | 2004.07.04 |