불여우에서도 되는 메뉴 6

까만도둑

프로필 보기 이 회원 글보기

· 20년 전 · 조회 5196 5196 · 댓글 4 4

Sample Script

첫번째 탭 메뉴의 내용에 들어갈 구문을 입력 하세요

두번째 탭 메뉴의 내용에 들어갈 구문을 입력 하세요

세번째 탭 메뉴의 내용에 들어갈 구문을 입력 하세요

네번째 탭 메뉴의 내용에 들어갈 구문을 입력 하세요

<html>
<head>
<title>Sample Script </title>

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

/**내용이 보여질 박스 설정**/
#tabcontentcontainer{
width: 400px;
padding: 20px;
border: 1px solid black;
}

.tabcontent{
display:none;
}

</style>

var initialtab=[1, "sc1"] // 처음 시작될 탭의 ID

function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}

var previoustab=""

function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}

function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].style.backgroundColor=initTabcolor
var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}

function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i 
break
}
}
}

function do_onload(){
var cookiecheck=window.get_cookie && get_cookie(window.location.pathname).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(window.location.pathname).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

</script>

var enablepersistence=true // 현재페이지 유지시에는 true, 아니면 false

function savetabstate(){
document.cookie=window.location.pathname+"="+tabsourceindex+"|"+previoustab
}

window.onunload=savetabstate

</script>

</head>

<body>

<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc1', this)">첫번째메뉴</a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" theme="#EAEAFF">두번째메뉴</a></li>
<li><a href="#" onClick="return expandcontent('sc3', this)" theme="#FFE6E6">세번째메뉴</a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" theme="#DFFFDF">네번째메뉴</a></li>
</ul>

</DIV>
</body>
</html>

[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

몰라

프로필 보기 이 회원 글보기

20년 전

와 감사드립니다. 이거 찐짜 많이 사용하는 거잖아요...^^

고냉이

프로필 보기 이 회원 글보기

20년 전

이거 괜찮네요.

혜심

프로필 보기 이 회원 글보기

20년 전

훌륭합니다.감사합니다.

아드리안

프로필 보기 이 회원 글보기

18년 전

게시글 목록

번호	제목	글쓴이	조회	날짜
250	MySQL 특정시간에 mysql 데이타 백업 (mysqldump)	This	5,868	20년 전
247	PHP 아파치 무단링크 막기 2	This	5,407	20년 전
246	MySQL MySQL optimization 한글번역문서 (최영봉님 글)	root	6,561	20년 전
244	기타 서브도메인 자동셋팅 Rewrite(리눅스 BIND, 아파치설정) 2	ⓒⓒⓒ	15,255	20년 전
243	기타 불여우 iframe 에서 지원하는 on 이벤트	관리자	4,523	20년 전
238	기타 불여우에서도 되는 메뉴 6 4 현재글	까만도둑	5,197	20년 전
233	기타 불여우에서도 되는 메뉴 5 4	까만도둑	4,778	20년 전
232	기타 불여우에서도 되는 메뉴 4	까만도둑	4,367	20년 전
231	기타 불여우에서도 되는 메뉴 3	까만도둑	4,207	20년 전
230	JavaScript 불여우에서도 되는 메뉴 2	까만도둑	4,440	20년 전
228	기타 불여우에서도 되는 메뉴 1 1	까만도둑	4,314	20년 전
225	MySQL NuxOne 2.1 배포판에 proftpd-1.2.10 설치한후 apache-2.0.52 php-5.0.3 mysql-4.1.8 설치하기 2	damoa.biz	4,888	20년 전
224	기타 [PHP 기초] 2차원 배열의 내용 임의 출력하기	짱이	7,078	20년 전
223	기타 [PHP 기초] 배열에 임의 값 채우기	짱이	5,695	20년 전
220	JavaScript 셀렉트박스와 레이어가 겹칠시 레이어가 셀렉트 박스 뒤로 숨는 현상을 해결하는 함수	관리자	7,979	20년 전
217	기타 [PHP 기초] 달력 만들기 2	짱이	10,104	20년 전
216	기타 [PHP 기초] 구구단표 만들기	짱이	24,886	20년 전
214	PHP 정규식 (Regular Expression Functions) 1	관리자	8,939	20년 전
213	MySQL MySQL 3.23.x에서 4.0.x로 업그레이드시 주의사항	관리자	4,949	20년 전
212	기타 사용자 계정 및 계정 관리	관리자	5,823	20년 전
211	JavaScript RH7.3 설치후 해주어야 할것들	prosper	3,896	20년 전
210	PHP Apache1.3.xx버전 설치후 httpd.conf 설정	prosper	5,854	20년 전
208	기타 (자작)shell 프로그래밍으로 한꺼번에 많은 유저 생성하기 1	아우겐나이스	4,467	20년 전
207	기타 한번만 submit 되게 합니다	예진맘	4,113	20년 전
206	기타 영문자나 숫자만 입력 할 수 있습니다	예진맘	3,804	20년 전
205	기타 현재 페이지 이메일로 보내는 버튼 만들기	예진맘	3,918	20년 전
204	JavaScript 원하는 사람에게 메일 보내기 버튼 만들기	예진맘	4,978	20년 전
203	기타 특정 파일형태만 업로드 할 수 있습니다	예진맘	3,677	20년 전
202	기타 뒤에 붙는 불필요한 공백 문자열을 없애줍니다	예진맘	3,236	20년 전
201	기타 앞에 붙는 불필요한 공백문자열을 지워 줍니다	예진맘	3,450	20년 전

이전 다음

전체 목록

강좌