펼침 목록 만들기
페이지 정보
작성자 최고관리자 작성일 21-02-10 17:22 조회 6,757 댓글 0본문
<!-- #메뉴 갯수만큼 해준다.//-->
<script type="TEXT/JAVASCRIPT" language=JAVASCRIPT>
function toggleMenu(currMenu){
if (document.all){
thisMenu = eval('document.all.' + currMenu + '.style')
if (thisMenu.display == 'block') {
document.all.menu1.style.display = 'none'
document.all.menu2.style.display = 'none'
document.all.menu3.style.display = 'none'
thisMenu.display = 'none'
} else {
document.all.menu1.style.display = 'none'
document.all.menu2.style.display = 'none'
document.all.menu3.style.display = 'none'
thisMenu.display = 'block'
}
return false
}else{
return true
}
}
//-->
</script>
<!-- #메뉴 갯수만큼 해준다.//-->
<STYLE TYPE="TEXT/CSS">
#menu1 {display:none; margin-left:0px}
#menu2 {display:none; margin-left:0px}
#menu3 {display:none; margin-left:0px}
</STYLE>
<body>
<!-- #onClick="return toggleMenu('menu1')" 이곳에서 menu1을 아래의 <span id='menu1'>와 맞춘다.//-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='../shop/goodlist.php3?part_code=harvest' onClick="return toggleMenu('menu1')" target=shopmain><font color=black>큰메뉴1</font></a><br>
<span id='menu1'>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴1</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴2</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴3</font></a><br>
</span>
</p>
<!-- #하위메뉴가 없는 경우에도 //-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' onClick="return toggleMenu('menu2')" target=new><font color=black>하위메뉴 없는 메뉴</font></a>
<span id='menu2'>
</span>
</p>
<!-- #onClick="return toggleMenu('menu1')" 이곳에서 menu2을 아래의 <span id='menu2'>와 맞춘다.//-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='../shop/goodlist.php3?part_code=gil' onClick="return toggleMenu('menu3')" target=shopmain><font color=black>다음큰메뉴</font></a><br>
<span id='menu3'>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>다음큰메뉴 작은메뉴1</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>다음큰메뉴 작은메뉴2</font></a><br>
</span>
</body>
</html>
-------------------------------------------------
아직 손 봐야 하는 것...
펼침목록이 없고 바로가는 것을 클릭하면 펼쳐졌던 것들이 그대로 살아 있음...
<script type="TEXT/JAVASCRIPT" language=JAVASCRIPT>
function toggleMenu(currMenu){
if (document.all){
thisMenu = eval('document.all.' + currMenu + '.style')
if (thisMenu.display == 'block') {
document.all.menu1.style.display = 'none'
document.all.menu2.style.display = 'none'
document.all.menu3.style.display = 'none'
thisMenu.display = 'none'
} else {
document.all.menu1.style.display = 'none'
document.all.menu2.style.display = 'none'
document.all.menu3.style.display = 'none'
thisMenu.display = 'block'
}
return false
}else{
return true
}
}
//-->
</script>
<!-- #메뉴 갯수만큼 해준다.//-->
<STYLE TYPE="TEXT/CSS">
#menu1 {display:none; margin-left:0px}
#menu2 {display:none; margin-left:0px}
#menu3 {display:none; margin-left:0px}
</STYLE>
<body>
<!-- #onClick="return toggleMenu('menu1')" 이곳에서 menu1을 아래의 <span id='menu1'>와 맞춘다.//-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='../shop/goodlist.php3?part_code=harvest' onClick="return toggleMenu('menu1')" target=shopmain><font color=black>큰메뉴1</font></a><br>
<span id='menu1'>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴1</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴2</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>큰메뉴밑의 작은메뉴3</font></a><br>
</span>
</p>
<!-- #하위메뉴가 없는 경우에도 //-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' onClick="return toggleMenu('menu2')" target=new><font color=black>하위메뉴 없는 메뉴</font></a>
<span id='menu2'>
</span>
</p>
<!-- #onClick="return toggleMenu('menu1')" 이곳에서 menu2을 아래의 <span id='menu2'>와 맞춘다.//-->
<img src=./img/menu_bullet.gif border=0 align='absmiddle'> <a href='../shop/goodlist.php3?part_code=gil' onClick="return toggleMenu('menu3')" target=shopmain><font color=black>다음큰메뉴</font></a><br>
<span id='menu3'>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>다음큰메뉴 작은메뉴1</font></a><br>
<img src=./img/menu_bullet_2.gif border=0 align='absmiddle'> <a href='http://www.jjjboard.com' target=new><font color=black>다음큰메뉴 작은메뉴2</font></a><br>
</span>
</body>
</html>
-------------------------------------------------
아직 손 봐야 하는 것...
펼침목록이 없고 바로가는 것을 클릭하면 펼쳐졌던 것들이 그대로 살아 있음...
댓글목록 0
등록된 댓글이 없습니다.