Menu

 

 

<html>

<head>
<title>삶의향기</title>

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if (NS4) {
 firstEl = "elOneParent";
 firstInd = getIndex(firstEl);
 arrange();
}
//-->
</SCRIPT>
<script language="javaScript">
<!--
menuItems = new Array();
menuItemNum = 0;

function addMenuItem(text, url, img){
  if(img) menuItems[menuItemNum] = new Array(text, url, img);
  else if(text) menuItems[menuItemNum] = new Array(text, url);
  else menuItems[menuItemNum] = new Array();
  menuItemNum++;
}

menuWidth = 135; // 메뉴상자의 가로크기
menuHeight = 126; // 메뉴상자의 높이
menuDelay = 50; // 메뉴 딜레이 시간
menuSpeed = 3; // 메뉴 로딩 속도
menuOffset = 2; //마우스 포인터로부터의 메뉴상자의 거리

// 아래의 방법으로 메뉴를 설정 하세요

addMenuItem("삶의향기","http://lia.pe.kr");
addMenuItem("");
addMenuItem("한국의새","http://www.egumi.net/scl/asp/userfiles/swf/19.swf");
addMenuItem("우리 산야의 곤충들","http://www.egumi.net/scl/asp/userfiles/swf/15.swf");
addMenuItem("정겨운 초가","http://myhome.hanafos.com/~sun2js/01.swf");
addMenuItem();
addMenuItem("한국의 나비","http://www.egumi.net/scl/asp/userfiles/swf/09.swf");
addMenuItem("그림검색","http://js1sun.com.ne.kr/album");

// 여기까지만

if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
  isIe = 1;
else
  isIe = 0;

if(isIe){
  menuContent = '<table id="rightMenu" width="0" height="0" cellspacing="0" cellpadding="0" style="font:menu;color:menutext;"><tr height="1"><td style="background:threedlightshadow" colspan="4"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight" colspan="2"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="10"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"><table cellspacing="0" cellpadding="0" nowrap style="font:menu;color:menutext;cursor:default;">';
  for(m=0;m<menuItems.length;m++){
   if(menuItems[m][0] && menuItems[m][2])
    menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap><img name=zb_target_resize style="cursor:hand" onclick=window.open(this.src)  src="' + menuItems[m][2] + '"></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>';

  else if(menuItems[m][0])
    menuContent += '<tr height="17" onMouseOver="this.style.background=\'highlight\';this.style.color=\'highlighttext\';" onMouseOut="this.style.background=\'threedface\';this.style.color=\'menutext\';" onClick="parent.window.location.href=\'' + menuItems[m][1] + '\'"><td style="background:threedface" width="1" nowrap></td><td width="21" nowrap></td><td nowrap>' + menuItems[m][0] + '</td><td width="21" nowrap></td><td style="background:threedface" width="1" nowrap></td></tr>';
   else
    menuContent += '<tr><td colspan="5" height="4"></td></tr><tr><td colspan="5"><table cellspacing="0"><tr><td width="2" height="1"></td><td width="0" height="1" style="background:threedshadow"></td><td width="2" height="1"></td></tr><tr><td width="2" height="1"></td><td width="100%" height="1" style="background:threedhighlight"></td><td width="2" height="1"></td></tr></table></td></tr><tr><td colspan="5" height="3"></td></tr>';
  }
  menuContent += '</table></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedhighlight"></td><td style="background:threedface"></td><td style="background:threedshadow"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threedlightshadow"></td><td style="background:threedshadow" colspan="3"></td><td style="background:threeddarkshadow"></td></tr><tr height="1"><td style="background:threeddarkshadow" colspan="5"></td></tr></table>';

  menuPopup = window.createPopup();
  menuPopup.document.body.innerHTML = menuContent;
}

function showMenu(){
  menuXPos = event.clientX + menuOffset;
  menuYPos = event.clientY + menuOffset;

  menuXIncrement = menuWidth / menuSpeed;
  menuYIncrement = menuHeight / menuSpeed;
  menuTimer = setTimeout("openMenu(0,0)", menuDelay);
 return false;
}

function openMenu(height, width){
  iHeight = height;
  iWidth = width;

  menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body);

  if(iHeight < menuHeight)
   menuTimer = setTimeout("openMenu(iHeight + menuYIncrement, iWidth + menuXIncrement)", 1);
  else
   clearTimeout(menuTimer);
}

if(isIe) document.oncontextmenu = showMenu;

//-->
</script>
 


<center><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>
   
</BODY>
</html>

'Javascript' 카테고리의 다른 글

장미  (0) 2016.06.01
이미지 줌인-아웃  (0) 2016.06.01
오른쪽 마우스 클릭시 예쁜 메뉴가  (0) 2016.06.01
행운이 따라 다닌다  (0) 2016.06.01
이미지가 다나타나면 자동으로  (0) 2016.06.01