Menu

트리구조형메뉴

2016. 6. 2. 10:56

안개핑 Javascript

 

 

menu3.js

 

.>

<head>와 </head>사이에 넣어주세여

<style>
/* 메뉴판의 전체 테두리 설정 */
#main_panel
{
border:1px solid deeppink;
position:relative;
overflow:hidden;
}
/* 주메뉴의 스타일 설정 */
.head_item
{
background-color:pink;
font-size:12px;
font-family:굴림;
font:bold;
border-top:1px solid deeppink;
border-bottom:1px solid deeppink;
position:absolute;
left:0px;
text-align:left;
}
/* 부메뉴의 스타일 설정 */
.item
{
background-color:lightyellow;
font-family:굴림;
font-size:12px;
left:0px;
position:relative;
text-align:left;
}
.item_panel
{
position:absolute;
background-color:lightyellow;
left:0px;
}
  .item_panel a
  {
   text-decoration:none;
   color:deeppink;
  }
</style>

<script language="JavaScript" src="menu3.js"></script> //주소를 맞게 수정한다

<body>와 </body>사이에 넣어주세여

 <script language="JavaScript">
  var Link = new Array();
 
// Link[번호] = "구분|제목:URL|타겟";
// 구분 : 0 = 주메뉴, 1 = 부메뉴
 
  Link[0] = "0|삶의향기";
  Link[1] = "1|삶의향기|http://lia.pe.kr|_blank";
  Link[2] = "1|삶의향기|http://lia.pe.kr|_blank";
  Link[3] = "1|삶의향기|http://lia.pe.kr|_blank";
  Link[4] = "1|삶의향기|http://lia.pe.kr|_blank";
  Link[5] = "0|검색";
  Link[6] = "1|야후|http://yahoo.co.kr|_blank";
  Link[7] = "1|네이버|http://naver.com|_blank"
  Link[8] = "0|메일";
  Link[9] = "1|다음|http://daum.net|_blank";
  Link[10] = "1|다모임|http://damoim.net|_blank";
  Link[11] = "0|삶의향기";
  Link[12] = "1|삶의향기|http://lia.pe.kr|_blank";
  Link[13] = "0|삶의향기";
  Link[14] = "1|삶의향기|http://lia.pe.kr|_blank";
 
start(1);
</script>


저작자표시 비영리 변경금지

'Javascript' 카테고리의 다른 글

이미지스크롤바만들기  (0) 2016.06.02
상하로 움직이는 메뉴  (0) 2016.06.02
마우스를 따라다니는 시계  (0) 2016.06.02
마우스 오른쪽 메뉴 바꾸기  (0) 2016.06.02
이미지 슬라이드-2  (0) 2016.06.02

티스토리툴바