불여우에서도 되는 메뉴 6

까만도둑

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 20년 전 · 조회 5207 5207 · 댓글 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년 전

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
326	Flash	일러스트 CS2와 플래시에서 패스따기 [4]	bbking	20년 전	7808
325	기타	centos 4.2가 릴리즈되었습니다. 그런데... [1]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4663
324	기타	이전에 사용한 필터 다시 사용하기 [1]	hwatta 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3210
323	기타	페이지 자동 이동 방법 4가지 [12]	달빛온도 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	9304
322	MySQL	exif 사용하기 (ms 윈도우용) [3]	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4153
321	JavaScript	Apache 보안 팁...--;;; [3]	초롱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4821
320	기타	[펌] $_FILES	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6545
319	기타	Warning: DocumentRoot [/home/[account]/www] does not exist	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3872
318	JavaScript	scp 사용법 [2]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5252
317	기타	무비클립을 이용한 방법...(초보)	웹디~ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4349
316	Flash	선따라 움직이기(초보)	웹디~ 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5718
315	JavaScript	옥션처럼 소스보기 안되는곳에 적용하니까, 소스 보이는 방법 [5]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	7098
314	기타	마우스우측버튼,F3,F5,F11,F6,마우스키,쉬프트+링크클릭(새창방지),컨트롤 조합키, 백스페이스,드래그 방지 [6]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	7999
313	MySQL	실수로 삭제한 mysql DB 복구방법 [4]	고냉이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	8664
312	JavaScript	mozilla DHTML ROWS INSERT & DELETE	root 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3694
311	기타	웹호스팅 운영하실분들 보시면 도움 많이 되겠습니다. [1]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4677
310	기타	snmp와 mrtg 사용에 대한 설명이 아주 잘 되어있습니다.	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	5263
309	JavaScript	제가 집에서 사용하는 서버를 살짝 공개합니다.^^ [6]	damoa.biz 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4103
308	기타	채색을 해도 채색이 되지 않는 경우 [3]	hwatta 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3789
307	JavaScript	ssh 무차별 로그인 공격 막기 [5]	This 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6091
306	기타	해상도에따라 다른페이지로 접속 [2]	고냉이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3494
305	기타	Microsoft Jscript Reference [2]	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3407
304	기타	Core JavaScript Guide	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3140
303	기타	Netscape Navigator 4 Object Road Map	prosper 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	3017
302	JavaScript	테이블 셀에 링크하는법 & 마우스 오버 [5]	고냉이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4994
301	JavaScript	a href 링크로 라디오박스 선택 [8]	고냉이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	6276
300	기타	레이어 팔레트 opacity 값 쉽게 조정하기 [5]	hwatta 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4075
299	기타	eaccelerator 소개 [1]	hanpedro 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4208
298	Flash	Flv 플래쉬 플래이어 [7]	낭만폐인 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	7237
297	기타	효과가 들어간 레이어를 일반 레이어로 바꾸기 [4]	hwatta 프로필 보기 이 회원 글보기 이 회원의 댓글보기	20년 전	4273

hwatta

프로필 보기 이 회원 글보기 이 회원의 댓글보기

• 20년 전

강좌