롤오버 메뉴 스크립소스

말자 전체게시물 작성일13-05-02 06:31 조회3,748회

본문

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>Malzatemplate4 totaltop</title>


<style type="text/css">
body, p{
 font-family: 돋음,굴림;
 color:#000;
 font-size: 12px;
}
.bold{font-weight: bold;}
ul{
 _display:inline; _vertical-align:top; margin:0 1px 0 0; padding:0; list-style:none; width:100%;
}
li{
 float:left; width:100%; white-space:nowrap; background:url(images/topimg/dotline.gif) left bottom repeat-x; line-height: 170%;
}
#submenu1, #submenu2{
 border:2px solid #f30;
 padding:10px;
 background:#FFFFFF;
}
a { font:12px 돋움; color:#000; !important; text-decoration:none; !important }
a:active { font:12px 돋움; color:#000; text-decoration:none; !important }
a:visited { font:12px 돋움; color:#000; text-decoration:none; !important }
a:hover { font:12px 돋움; color:#000; text-decoration:underline; !important }
</style>
<script language="Javascript">
function menuOn(name) {
 submenu = eval("submenu"+name+".style");
 submenu.visibility = "visible";
}
function menuOff(name,name2,name3) {
 submenu = eval("submenu"+name+".style");
 submenu.visibility = "hidden";
}
</script>

</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">

<table cellpadding="0" cellspacing="0" width="100%" height="40">
 <tr>
  <td width="100">
   <p><img src="images/topimg/smlogo.gif" width="100" height="40" border="0"></p>
   </td>
  
  <td onMouseOver="menuOn(1)" onMouseOut="menuOff(1)"  width="85">
   <p><img src="images/topimg/line.gif" width="15" height="10" border="0">말자템플릿4</p>
   </td>
  <td onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" width="85">
   <p><img src="images/topimg/line.gif" width="15" height="10" border="0">FamilySite</p>
   </td>
  <td width="989">
            <p>&nbsp;</p>
   </td>
 </tr>
 
 <tr>
         <td height="2" bgcolor="#FF3300" width="100%" colspan="4">
         </td>
     </tr>
</table>  
   <div id="submenu1" onMouseOver="menuOn(1)" onMouseOut="menuOff(1)" style="width:150px; height:108px; position:absolute; left:107px; top:35px; z-index:1; visibility:hidden;">
   <ul>
   <li><a href="http://partnership.co.kr" target="_blank">사이트 분양 받기</a></li>
   </ul>
   </div>
  
   <div id="submenu2" onMouseOver="menuOn(2)" onMouseOut="menuOff(2)" style="width:150px; height:14px; position:absolute; left:195px; top:35px; z-index:1; visibility:hidden;">
   <ul>
   <li><p>malzaicon</p>   </ul>
   </div>
 </body>
</html>

 

-------------------------------------------------------

추가생성시 menuOn(3) ,menuOn(4)
div id="submenu2",div id="submenu3" div id="submenu4"
레이어 위치는-,.- 알아서 자알!! ㅠ_ㅠ

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 4 비추천 0

자바스크립트

31개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
자바스크립트 목록
번호 제목 아이디 날짜 조회수 추천
31 symbol: method printIn(String), location: variab… 최고관리자 전체게시물 12-06 3339 추천: 4
30 Java JDK 1.8 설치 방법 및 환경변수 설정 관련링크 최고관리자 전체게시물 12-06 4079 추천: 3
29 레이어팝업에 jwplayer 자바스크립트로 동영상 재생시 닫기 버튼 눌르면, 레이어는 닫혀… 댓글1 인기글첨부파일 말자아이콘 전체게시물 10-27 8471 추천: 4
28 닫기버튼이 있는 레이어팝업 인기글첨부파일 말자아이콘 전체게시물 10-26 6107 추천: 3
열람 롤오버 메뉴 스크립소스 말자 전체게시물 05-02 3749 추천: 4
26 레이어로 만든 팝업입니다. 쿠키, 이동. 띄우는 시간 조절 가능 말자 전체게시물 05-02 4280 추천: 4
25 타이틀 링크 클릭하면, 목록이 부드럽게 펼쳐지는 메뉴 말자 전체게시물 05-02 4862 추천: 3
24 즐겨찾기 소스 말자 전체게시물 05-02 3818 추천: 3
23 링크 일괄 적용 시키기 말자 전체게시물 05-02 3516 추천: 4
22 페이지 접속시 다른페이지로 강제로 이동시키기 무료아이콘 전체게시물 05-02 3329 추천: 3
21 글자를 클릭하면, 내용 자동 복사되게 하기 ctrl+c기능 말자 전체게시물 05-02 3255 추천: 3
20 글자 깜빡이게 하기 말자 전체게시물 05-02 3710 추천: 3
19 한 문장씩 노출되게 하기 말자 전체게시물 05-02 3280 추천: 3
18 alert 팝업창 띄우기 말자 전체게시물 05-02 3814 추천: 2
17 스크롤링 배너 첨부파일 말자 전체게시물 05-02 3444 추천: 2
게시물 검색