웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
MS홈에 쓰이는 오른쪽메뉴 툴바
2003.02.22 09:27
이런 허접한것도 올려도 되는지 모르겠습니다...
홈에 깔끔하게 쓰면 좋을것 같아서...저도 쓰니 깔끔한게 좋더군요...
<HTML>
<HEAD>
<SCRIPT>
<!--
var isV5 = false;
if (parseInt(navigator.appVersion) >= 5) isV5 = true;
function MouseOutMenu(Item) {
if (isV5) {
var MenuItem = document.getElementById(Item);
MenuItem.setAttribute("style", "");
}
eval(Item + ".style.borderColor = '#F7F3F7';");
eval(Item + ".style.backgroundColor = '#F7F3F7';");
}
function MouseOverMenu(Item) {
if (isV5) {
var MenuItem = document.getElementById(Item);
MenuItem.setAttribute("style", "border-width:1px;border-style:solid;border-color:#9C9A9C;background-color:#CECFCE;cursor:hand");
}
eval(Item + ".style.borderColor = '#9C9A9C';");
eval(Item + ".style.backgroundColor = '#CECFCE';");
eval(Item + ".style.cursor = 'hand';");
}
//-->
</SCRIPT>
<style type="text/css">
<!--
body, td, select, input, div, form, textarea, center, option, pre, blockquote {font-size:8pt; font-family:Verdana;}
A:link { color:#000000; text-decoration:none; }
A:visited { color:#000000; text-decoration:none; }
A:active { color:#000000; text-decoration:none; }
A:hover { color:#000000; text-decoration:none; }
-->
</style>
</HEAD>
<BODY>
<TABLE cellspacing="4" cellpadding="4" width="140" style="BACKGROUND-COLOR:F7F3F7;border: 1px solid #9C9A9C">
<TR>
<a href="menu1.htm"><TD ID="mnu_ID1" onmouseout="javascript:MouseOutMenu('mnu_ID1')" onmouseover="javascript:MouseOverMenu('mnu_ID1')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 1</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID2" onmouseout="javascript:MouseOutMenu('mnu_ID2')" onmouseover="javascript:MouseOverMenu('mnu_ID2')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 2</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID3" onmouseout="javascript:MouseOutMenu('mnu_ID3')" onmouseover="javascript:MouseOverMenu('mnu_ID3')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 3</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID4" onmouseout="javascript:MouseOutMenu('mnu_ID4')" onmouseover="javascript:MouseOverMenu('mnu_ID4')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 4</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID5" onmouseout="javascript:MouseOutMenu('mnu_ID5')" onmouseover="javascript:MouseOverMenu('mnu_ID5'+ ')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 5</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID6" onmouseout="javascript:MouseOutMenu('mnu_ID6')" onmouseover="javascript:MouseOverMenu('mnu_ID6')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 6</TD></a></TR>
</TABLE>
</BODY>
</HTML>
홈에 깔끔하게 쓰면 좋을것 같아서...저도 쓰니 깔끔한게 좋더군요...
<HTML>
<HEAD>
<SCRIPT>
<!--
var isV5 = false;
if (parseInt(navigator.appVersion) >= 5) isV5 = true;
function MouseOutMenu(Item) {
if (isV5) {
var MenuItem = document.getElementById(Item);
MenuItem.setAttribute("style", "");
}
eval(Item + ".style.borderColor = '#F7F3F7';");
eval(Item + ".style.backgroundColor = '#F7F3F7';");
}
function MouseOverMenu(Item) {
if (isV5) {
var MenuItem = document.getElementById(Item);
MenuItem.setAttribute("style", "border-width:1px;border-style:solid;border-color:#9C9A9C;background-color:#CECFCE;cursor:hand");
}
eval(Item + ".style.borderColor = '#9C9A9C';");
eval(Item + ".style.backgroundColor = '#CECFCE';");
eval(Item + ".style.cursor = 'hand';");
}
//-->
</SCRIPT>
<style type="text/css">
<!--
body, td, select, input, div, form, textarea, center, option, pre, blockquote {font-size:8pt; font-family:Verdana;}
A:link { color:#000000; text-decoration:none; }
A:visited { color:#000000; text-decoration:none; }
A:active { color:#000000; text-decoration:none; }
A:hover { color:#000000; text-decoration:none; }
-->
</style>
</HEAD>
<BODY>
<TABLE cellspacing="4" cellpadding="4" width="140" style="BACKGROUND-COLOR:F7F3F7;border: 1px solid #9C9A9C">
<TR>
<a href="menu1.htm"><TD ID="mnu_ID1" onmouseout="javascript:MouseOutMenu('mnu_ID1')" onmouseover="javascript:MouseOverMenu('mnu_ID1')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 1</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID2" onmouseout="javascript:MouseOutMenu('mnu_ID2')" onmouseover="javascript:MouseOverMenu('mnu_ID2')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 2</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID3" onmouseout="javascript:MouseOutMenu('mnu_ID3')" onmouseover="javascript:MouseOverMenu('mnu_ID3')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 3</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID4" onmouseout="javascript:MouseOutMenu('mnu_ID4')" onmouseover="javascript:MouseOverMenu('mnu_ID4')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 4</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID5" onmouseout="javascript:MouseOutMenu('mnu_ID5')" onmouseover="javascript:MouseOverMenu('mnu_ID5'+ ')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 5</TD></a></TR>
<TR>
<a href="menu1.htm"><TD ID="mnu_ID6" onmouseout="javascript:MouseOutMenu('mnu_ID6')" onmouseover="javascript:MouseOverMenu('mnu_ID6')" style="background-color:#F7F3F7;height:18px;border-width:1px;border-style:solid;border-color:#F7F3F7;PADDING-LEFT: 16px;" width="140">
Menu 6</TD></a></TR>
</TABLE>
</BODY>
</HTML>
댓글 13
제목 | 글쓴이 | 날짜 |
---|---|---|
MS홈에 쓰이는 오른쪽메뉴 툴바 [13] | Kortion | 2003.02.22 |
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] | 깜보 | 2003.02.22 |
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] | 이남두 | 2003.02.26 |
즐겨찾기 추가하기 [3] | 라엘 | 2003.03.01 |
자바스크립트로 쪼물딱 거리는 배경 이미지 [3] | 미친개 | 2003.03.02 |
허접하나마... 플래쉬와 동영상 받는 소스... [2] | 꽃ちゃん | 2003.03.04 |
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] | 정성교 | 2003.03.05 |
자바스크립트로 만든 로또추첨기~ ^^ | 행복한고니 | 2003.03.05 |
주민등록번호를 받아 자동으로 폼에 생일, 성별 체크해주기 [4] | jugug | 2003.03.06 |
[re] 비밀번호 실시간(?) 확인 스크립트;;; 개인적으로 수정 [2] | 아이쿠 | 2003.03.15 |
비밀번호 실시간(?) 확인 스크립트;;; [11] | Zective | 2003.03.09 |
자바 스크립트 소스 올릴때 예제 쉽게 보이기 [2] | xcool | 2003.03.12 |
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] | 세죠위그이 | 2003.03.14 |
그림을 생성시키는 듯한 효과의 스크립트 [5] | 미친개 | 2003.03.17 |
주민등록번호로 자동으로 생일, 성별체크 [3] | [포터]아렌티 | 2003.03.19 |
입력된 내용대로 출력하는 JS 소스코드 생성기 [1] | xcool | 2003.03.25 |
무료로 컵받침을 만들어주는 스크립트... -_-;; [18] | 행복한고니 | 2003.03.25 |
책갈피로 띄운 새창내용 바로가서 보기 | RedEye | 2003.03.27 |
[초보 강좌] 쉬운 사칙연산을 하여보자 첫번째 [3] | ZipShin | 2003.03.27 |
엔지오식 좌측이동메뉴 레이어 가운데기준정렬 [11] | 스티치 | 2003.03.29 |