묻고답하기

  2. Support
  3. 묻고답하기

나모 스크립트 마법사에 있는걸 소스로 변환 &홈피 관련 질문도..

2003.11.03 12:16

김영서

나모에디터 스크립트 마법사로 만든 메뉴입니다.
아래 소스가 반드시 레이어로 되야 되는거 같은데,
이걸 그냥 소스로 쓸 수 없을까요?
고정시켜 버리게요.

http://kys1030.natoo.net/Korean/main.php

사이트 주소고요,
그냥 공부하느라 돌아다니다 찾아본 사이트 한번 따라 해 보는 중이랍니다.

아래 주소만 넣고 실행시키면 안보여지네요.
아마 레이어가 없어서 안되는거 같은데,
아래 레이어 OnLoad="namosw_init_list('menu');"  이 부분이 그렇게 레이어를 로드 시키는거 가타요.
제가 레이어 이름을 menu 라구 했거든요.
레이어로 하면, 다른 언어의 컴퓨터로 보면 약간 빗나가는 현상이 생기길레,
구지 소스를 원합니다.

나모인터렉티브 사에서 이미 카피라이트 되어 있는건가요 ?? 그래도 좀 -_-;;

부탁 드립니다.

그리고 아래 홈피 관련 질문도 있으니 꼭 봐 주세요. 감사합니다 ^-^


------------------------------- 다음 자바 소스 ------------------------


<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
  this.additem = namosw_l_additem;
  this.addlist = namosw_l_addlist;
  this.make    = namosw_l_make;
  this.write   = namosw_l_write;
  this.show    = namosw_l_show;
  this.update  = namosw_l_update;
  this.updateparent = namosw_l_updateparent;
  this.items = new Array();
  this.id = document.namosw_lists.length;
  this.parent_id = 0;
  this.x = 0;
  this.y = 0;
  this.visible = visible;
  this.width    = width;
  this.height   = height;
  this.parent   = parent;
  this.indent = indent;
  this.fgColor = fgColor;
  this.hfgColor = hfgColor;
  this.bgColor  = bgColor;
  this.hbgColor = hbgColor;

  this.font_start = '';
  this.font_end   = '';

  this.font_start = '<font color=' + fgColor;
  if (font != '') this.font_start += ' face="' + font + '"';
  if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
  this.font_start += '>';

  this.font_start += '<span';
  if (size.indexOf('pt', 0) != -1)
    this.font_start += ' style="font-size:' +size+ ';"';
  this.font_start += '>';

  this.font_end  = '</span>';
  this.font_end += '</font>';

  this.made     = false;
  this.shown    = false;
  document.namosw_lists[document.namosw_lists.length] = this;
}

function namosw_l_setclip(layer, left, right, top, bottom) {
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    layer.clip.left   = left;
    layer.clip.right  = right;
    layer.clip.top    = top;  
    layer.clip.bottom = bottom;
  } else {    
    layer.style.pixelWidth  = right-left;
    layer.style.pixelHeight = bottom-top;
    layer.style.clip  = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
  }
}

function namosw_l_write() {
  var layer, clip, str;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer.visibility = "hidden";
    else
      layer.style.visibility = "hidden";
    str = "";

    str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
    if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
    if (layer.type == 'list') {
      str += "<td width=15  valign='middle'+ '+ ' nowrap><a";
      if (navigator.appName.indexOf('Netscape', 0) != -1) str += " href="javascript:void(0);"";
      else                                                str += " style="cursor:hand;"";
      str += " onclick="namosw_l_expand("+layer.list.id+");"><img src="collapsed.gif" name="_img"+layer.list.id+"" border='0'></a></td>";
    } else {
      str += "<td width=15 nowrap> </td>";
    }
    str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";

    if (layer.url)       str += "<a href="" + layer.url + "" target="" + layer.frame + "" style="text-decoration:none;">";
    if (this.font_start) str += this.font_start;
    str += layer.text;
    if (this.font_end) str += this.font_end;
    if (layer.url)       str += "</a>";
    str += "</td></table>";

    str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
      layer.span = document.all['namoswlistspan'+ '+layer.lid];
    }
    if (layer.type == 'list' && layer.list.visible)
      this.items[i].list.write();
  }
  this.made = true;
}

function namosw_l_show() {
  var layer;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
      else layer.document.bgColor = this.bgColor;
    } else {
      if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
      else layer.style.backgroundColor = this.bgColor;
    }
    if (layer.type == 'list' && layer.list.visible)
      layer.list.show();
  }
  this.shown = true;
}

function namosw_l_update(parent_visible, x, y) {
  var top = y, layer, list;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    list  = layer.list;
    if (this.visible && parent_visible) {
      if (navigator.appName.indexOf('Netscape', 0) != -1) {
        layer.visibility = "visible";
        layer.top = top;
        layer.left = x;
      } else {
        layer.style.visibility = "visible";
        layer.style.pixelTop   = top;
        layer.style.pixelLeft  = x;        
//        if (layer.url) layer.style.cursor = "hand";
      }
      top += this.height;
    } else {
      if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = "hidden";
      else layer.style.visibility = "hidden";
    }
    if (layer.type == 'list') {
      if (list.visible) {
        if (!list.made)  list.write();
        if (!list.shown) list.show();
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "collapsed.gif";
        else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
      } else {
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "expanded.gif";
        else eval('document.images._img'+list.id+'.src = "expanded.gif"');
      }
      if (list.made)
        top = list.update(this.visible && parent_visible, x, top);
    }
  }
  return top;
}

function namosw_l_updateparent(parent_id) {
  this.parent_id = parent_id;
  for(var i = 0; i < this.items.length; i++)
    if (this.items[i].type == 'list')
      this.items[i].list.updateparent(parent_id);
}

function namosw_l_expand(i) {
  document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
  list = document.namosw_lists[document.namosw_lists[i].parent_id];
  list.update(true, list.x, list.y);
}

function namosw_l_make(x, y) {
  this.updateparent(this.id);
  this.write();
  this.show();
  this.update(true, x, y);
  this.x = x;
  this.y = y;
}

function namosw_l_additem(text, url, frame) {
  var layer = null;
  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.type = 'item';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_addlist(list, text, url, frame) {
  var layer = null;

  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.list = list;
  layer.type = 'list';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  list.parent = this;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_onmouseover()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    if (this.hbgColor)
      this.bgColor = this.hbgColor;
  } else {
    if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
    if (this.hfgColor) this.span.style.color = this.hfgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    this.bgColor = this.oBgColor;
  } else  {
    this.style.backgroundColor = this.oBgColor;
    this.span.style.color = this.fgColor;
  }
  if (this.url) self.status = '';
}

function namosw_l_onmouseup()
{
  if (this.url) {
    if (this.frame == 'blank') {
      window.open(this.url, '+ 'win1');
    } else {
      var frame_obj;
      if ((frame_obj = eval(this.frame)) != null)
        frame_obj.location = this.url;
    }
  }
}

function namosw_init_list(top_layer)
{
  if (parseInt(navigator.appVersion) < 4)
    return;
  if (top_layer == '')
    return;

  document.namosw_lists     = new Array();
  document.namosw_lists.lid = 0;

  var layer;
  if (navigator.appName.indexOf('Netscape', 0) != -1)
    layer = document.layers[top_layer];
  else
    layer = document.all[top_layer];

  var string = "";
  for (i = 0; i < 26; i++) {
    string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
                      "style='position: absolute;'+ '></div>";
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 171, 22, '+ 'Arial', '1', 'black', 'gray', 0);
    l2 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l2.additem('Main', '', 'self');
    l2.additem('About Me', '', 'self');
    l2.additem('+ 'About Homepage', '', 'self');
    l2.additem('Lisence', '', 'self');
    l2.additem('E-Mail', '', 'self');
  l1.addlist(l2, 'Home', '', 'self');
    l3 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l3.additem('Diary', '', 'self');
      l4 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '#E4E4E4', 0, 'white');
      l4.additem('Korea', '', 'self');
      l4.additem('America', '', 'self');
      l4.additem('Canada', '', 'self');
    l3.addlist(l4, 'Gallary', '', 'self');
    l3.additem('Stories', '', 'self');
    l3.additem('Information', '', 'self'+ ');
    l3.additem('BBS', '', 'self');
    l3.additem('QnA', '', 'self');
  l1.addlist(l3, 'Study Aborad', '', 'self');
    l5 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l5.additem('Programing', '', 'self');
    l5.additem('Web Design', '', 'self');
    l5.additem('Web Programing', '', 'self');
    l5.additem('Hacking', '', 'self');
    l5.additem('Operation System', '', 'self'+ ');
  l1.addlist(l5, 'Computer', '', 'self');
  l1.additem('Link Site', '', 'self');
  l1.additem('Guest Book', '', 'self');
  l1.additem('Site Map', '', 'self');

  l1.make(0, 14);
}

function namosw_ns_resize()
{
  window.history.go(0);
}

// -->
</script>
    </head>
    <body text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="namosw_init_list('menu');" OnResize="namosw_ns_resize();">
<div id="menu" style="border-width:1px; border-style:none; width:171px; height:189px; position:absolute; left:79px; top:83px; z-index:1;">
    <p> </p>
</div>




--------------------------------------자바 소스 끝 -----------------------------------------------




혹시 몰라 홈페이지 소스도 같이 올려봅니다.

그리고 오른쪽 아래 빈 공간은, 보드가 올 자린데, 도저히 감이 안잡히네요 -_-;;

몇몇 분들은 게시판 설정가서 위에와 아래에 소스를 넣으면 한다고 하시지만 -_-;;

왼쪽 로그인과 메뉴는 그러 어케 되는건지 모르곘군요..





--------------------------------------- 홈피 소스 시작 --------------------------------------------



<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=euc-kr">
        <title>Welcome to the Young-Seo's HomePage</title>
        <meta name="generator" content="Namo WebEditor v5.0">
<style>
<!--
#men {
BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; Z-INDEX: 1; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset; POSITION: absolute; TOP: 0px
}
#men A {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 4px; MARGIN: 1px 1px 1px 16px; FONT: 12px sans-serif; WIDTH: 100%; PADDING-TOP: 3px; HEIGHT: 100%; TEXT-DECORATION: none
}
.ico {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FLOAT: left; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
//-->
</style>
<script language="JavaScript">
<!--
function namosw_list(parent, visible, width, height, font, size, fgColor, bgColor, indent, hbgColor, hfgColor) {
  this.additem = namosw_l_additem;
  this.addlist = namosw_l_addlist;
  this.make    = namosw_l_make;
  this.write   = namosw_l_write;
  this.show    = namosw_l_show;
  this.update  = namosw_l_update;
  this.updateparent = namosw_l_updateparent;
  this.items = new Array();
  this.id = document.namosw_lists.length;
  this.parent_id = 0;
  this.x = 0;
  this.y = 0;
  this.visible = visible;
  this.width    = width;
  this.height   = height;
  this.parent   = parent;
  this.indent = indent;
  this.fgColor = fgColor;
  this.hfgColor = hfgColor;
  this.bgColor  = bgColor;
  this.hbgColor = hbgColor;

  this.font_start = '';
  this.font_end   = '';

  this.font_start = '<font color=' + fgColor;
  if (font != '') this.font_start += ' face="' + font + '"';
  if (size != '' && size.indexOf('pt', 0) == -1) this.font_start += ' size=' + size;
  this.font_start += '>';

  this.font_start += '<span';
  if (size.indexOf('+ 'pt', 0) != -1)
    this.font_start += ' style="font-size:' +size+ ';"';
  this.font_start += '+ '>';

  this.font_end  = '</span>';
  this.font_end += '</font>';

  this.made     = false;
  this.shown    = false;
  document.namosw_lists[document.namosw_lists.length] = this;
}

function namosw_l_setclip(layer, left, right, top, bottom) {
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    layer.clip.left   = left;
    layer.clip.right  = right;
    layer.clip.top    = top;  
    layer.clip.bottom = bottom;
  } else {    
    layer.style.pixelWidth  = right-left;
    layer.style.pixelHeight = bottom-top;
    layer.style.clip  = "rect(" + top + "," + right + "," + bottom + "," + left + ")";
  }
}

function namosw_l_write() {
  var layer, clip, str;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer.visibility = "hidden";
    else
      layer.style.visibility = "hidden";
    str = "";

    str += "<table width="+this.width+" nowrap border='0' cellpadding='0' cellspacing='0'><tr>";
    if (0 < this.indent) str += "<td width="+this.indent+" nowrap> </td>";
    if (layer.type == 'list') {
      str += "<td width=15  valign='middle' nowrap><a";
      if (navigator.appName.indexOf('Netscape', 0) != -1) str += " href="javascript:void(0);"";
      else                                                str += " style="cursor:hand;"";
      str += " onclick="namosw_l_expand("+layer.list.id+");"><img src="collapsed.gif" name="_img"+layer.list.id+"" border='0'></a></td>";
    } else {
      str += "<td width=15 nowrap> </td>";
    }
    str += "<td height="+(this.height-3)+" width="+(this.width-15-this.indent)+" valign='middle' align='left'>";

    if (layer.url)       str += "<a href="" + layer.url + "" target="" + layer.frame + "" style="text-decoration:none;">";
    if (this.font_start) str += this.font_start;
    str += layer.text;
    if (this.font_end) str += this.font_end;
    if (layer.url)       str += "</a>";
    str += "</td></table>";

    str = str.replace("span", "span id='namoswlistspan" + layer.lid + "'");

    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      layer.document.writeln(str);
      layer.document.close();
    } else {
      layer.innerHTML = str;
      layer.span = document.all['namoswlistspan'+layer.lid];
    }
    if (layer.type == 'list' && layer.list.visible)
      this.items[i].list.write();
  }
  this.made = true;
}

function namosw_l_show() {
  var layer;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    namosw_l_setclip(layer, 0, this.width, 0, this.height-1);
    if (navigator.appName.indexOf('Netscape', 0) != -1) {
      if (layer.oBgColor) layer.document.bgColor = layer.oBgColor;
      else layer.document.bgColor = this.bgColor;
    } else {
      if (layer.oBgColor) layer.style.backgroundColor = layer.oBgColor;
      else layer.style.backgroundColor = this.bgColor;
    }
    if (layer.type == 'list' && layer.list.visible)
      layer.list.show();
  }
  this.shown = true;
}

function namosw_l_update(parent_visible, x, y) {
  var top = y, layer, list;
  for(var i = 0; i < this.items.length; i++) {
    layer = this.items[i];
    list  = layer.list;
    if (this.visible && parent_visible) {
      if (navigator.appName.indexOf('Netscape', 0) != -1) {
        layer.visibility = "visible";
        layer.top = top;
        layer.left = x;
      } else {
        layer.style.visibility = "visible";
        layer.style.pixelTop   = top;
        layer.style.pixelLeft  = x;        
//        if (layer.url) layer.style.cursor = "hand";
      }
      top += this.height;
    } else {
      if (navigator.appName.indexOf('Netscape', 0) != -1) layer.visibility = "hidden";
      else layer.style.visibility = "hidden";
    }
    if (layer.type == 'list') {
      if (list.visible) {
        if (!list.made)  list.write();
        if (!list.shown) list.show();
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "collapsed.gif";
        else eval('document.images._img'+list.id+'.src = "collapsed.gif"');
      } else {
        if (navigator.appName.indexOf('Netscape', 0) != -1) layer.document.images[0].src = "expanded.gif";
        else eval('document.images._img'+list.id+'.src = "expanded.gif"');
      }
      if (list.made)
        top = list.update(this.visible && parent_visible, x, top);
    }
  }
  return top;
}

function namosw_l_updateparent(parent_id) {
  this.parent_id = parent_id;
  for(var i = 0; i < this.items.length; i++)
    if (this.items[i].type == 'list')
      this.items[i].list.updateparent(parent_id);
}

function namosw_l_expand(i) {
  document.namosw_lists[i].visible = !document.namosw_lists[i].visible;
  list = document.namosw_lists[document.namosw_lists[i].parent_id];
  list.update(true, list.x, list.y);
}

function namosw_l_make(x, y) {
  this.updateparent(this.id);
  this.write();
  this.show();
  this.update(true, x, y);
  this.x = x;
  this.y = y;
}

function namosw_l_additem(text, url, frame) {
  var layer = null;
  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.type = 'item';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_addlist(list, text, url, frame) {
  var layer = null;

  if (navigator.appName.indexOf('Netscape', 0) != -1 && this.parent)
    layer = eval('this.parent.document.layers.namoswlistitem'+document.namosw_lists.lid);
  else
    layer = eval('document.all.namoswlistitem'+document.namosw_lists.lid);
  if (layer == null) {
    if (navigator.appName.indexOf('Netscape', 0) != -1)
      layer = this.parent ? new Layer(this.width, this.parent) : new Layer(this.width);
  }
  if (layer == null) return;

  if (url)   layer.url   = url;
  if (frame) {
    if (frame.indexOf('parent.') != 0)
      layer.frame = "_" + frame;
    else
      layer.frame = frame.substring(7, frame.length);
  }
  layer.list = list;
  layer.type = 'list';
  layer.text = text;
  layer.lid  = document.namosw_lists.lid;
  this.items[this.items.length] = layer;
  list.parent = this;
  layer.hbgColor = this.hbgColor;
  layer.oBgColor = this.bgColor;
  layer.fgColor = this.fgColor;
  layer.hfgColor = this.hfgColor;
  if (layer.captureEvents)
    layer.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT|Event.MOUSEUP);
  layer.onmouseover = namosw_l_onmouseover;
  layer.onmouseout  = namosw_l_onmouseout;
//  layer.onmouseup   = namosw_l_onmouseup;
  document.namosw_lists.lid++;
}

function namosw_l_onmouseover()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    if (this.hbgColor)
      this.bgColor = this.hbgColor;
  } else {
    if (this.hbgColor) this.style.backgroundColor = this.hbgColor;
    if (this.hfgColor) this.span.style.color = this.hfgColor;
  }
  if (this.url) self.status = this.url;
}

function namosw_l_onmouseout()
{
  if (navigator.appName.indexOf('Netscape', 0) != -1) {
    this.bgColor = this.oBgColor;
  } else  {
    this.style.backgroundColor = this.oBgColor;
    this.span.style.color = this.fgColor;
  }
  if (this.url) self.status = '';
}

function namosw_l_onmouseup()
{
  if (this.url) {
    if (this.frame == 'blank') {
      window.open(this.url, 'win1'+ ');
    } else {
      var frame_obj;
      if ((frame_obj = eval(this.frame)) != null)
        frame_obj.location = this.url;
    }
  }
}

function namosw_init_list(top_layer)
{
  if (parseInt(navigator.appVersion) < 4)
    return;
  if (top_layer == '')
    return;

  document.namosw_lists     = new Array();
  document.namosw_lists.lid = 0;

  var layer;
  if (navigator.appName.indexOf('+ 'Netscape', 0) != -1)
    layer = document.layers[top_layer];
  else
    layer = document.all[top_layer];

  var string = "";
  for (i = 0; i < 26; i++) {
    string = string + "<div id='namoswlistitem" + (document.namosw_lists.lid+i) + "' " +
                      "style='position: absolute;'></div>";
  }
  layer.innerHTML += string;

  l1 = new namosw_list(layer, true, 171, 22, 'Arial', '1', 'black', 'gray', 0);
    l2 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l2.additem('Main', '', 'self');
    l2.additem('About Me', '', 'self');
    l2.additem('About Homepage', '', 'self');
    l2.additem('Lisence', '', 'self');
    l2.additem('E-Mail', '', 'self');
  l1.addlist(l2, 'Home', '', 'self');
    l3 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', 'silver', 0, 'white');
    l3.additem('Diary', '', 'self');
      l4 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '#E4E4E4', 0, 'white');
      l4.additem('Korea', '', 'self');
      l4.additem('+ 'America', '', 'self'+ ');
      l4.additem('Canada', '', 'self');
    l3.addlist(l4, 'Gallary', '', 'self');
    l3.additem('Stories', '', 'self');
    l3.additem('Information', '', 'self');
    l3.additem('BBS', '', 'self');
    l3.additem('QnA', '', 'self');
  l1.addlist(l3, 'Study Aborad', '', 'self');
    l5 = new namosw_list(layer, false, 171, 17, 'Arial', '1', 'black', '+ 'silver', 0, 'white');
    l5.additem('Programing', '', 'self');
    l5.additem('+ 'Web Design', '', 'self');
    l5.additem('Web Programing', '', 'self');
    l5.additem('Hacking', '', 'self');
    l5.additem('Operation System', '', 'self');
  l1.addlist(l5, 'Computer', '', 'self');
  l1.additem('+ 'Link Site', '', 'self');
  l1.additem('Guest Book', '', 'self');
  l1.additem('Site Map', '', 'self');

  l1.make(0, 14);
}

function namosw_ns_resize()
{
  window.history.go(0);
}

// -->
</script>
    </head>
    <body bgcolor="#959595" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" OnLoad="namosw_init_list('menu');" OnResize="namosw_ns_resize();">
<p> </p>
<div id="menu" style="border-width:1px; border-style:none; width:171px; height:189px; position:absolute; left:102px; top:233px; z-index:1;">
    <p> </p>
</div>
        <table align="center" cellpadding="0" cellspacing="0" width="781" bgcolor="#E6E6E6">
            <tr>
                <td width="781" height="81" colspan="2">
                    <p align="center">
                        <img src="images/top.jpg" width="813" height="100" border="0">
                    </p>
                </td>
            </tr>
            <tr>
                <td width="781" height="1" colspan="2" bgcolor="black">
            <p align="center"> </p>
                </td>
            </tr>
            <tr>
                <td width="172" height="6" bgcolor="#313131">
                        <p align="center">
<?$_zb_url = "http://kys1030.natoo.net/bbs/";
$_zb_path = "/free/home/kys1030/html/bbs/";
include $_zb_path."outlogin.php";
?><?print_outlogin("outlogin", 10, 10) ?>
                        </p>
                </td>
                <td width="609" height="421" bgcolor="#E6E6E6" rowspan="2">
            <p align="center">  </p>
                </td>
            </tr>
            <tr>
                <td width="172" height="403" bgcolor="#E6E6E6">
            <p> </p>
                </td>
            </tr>
        </table>

<p align="center"><font size="2" color="white">Copyright ⓒ 2003 Young-Seo Kim.
            All Right Reserved.</font></p>
<p align="center"> </p>

</body>
</html>


    <SCRIPT type=text/javascript>
        var ie5=window.createPopup
        
        if (ie5)
        document.oncontextmenu=init;
        var eyesys="";
        var preitem="";
        function init(){
        mx=event.clientX;
        my=event.clientY;
        menx=window.screenLeft+mx;
        meny=window.screenTop+my;
        sysmen=window.createPopup();
        sysmen.document.write(eyesys);
        sysmen.show(menx,meny,eyesys_width,document.getElementById('men').offsetHeight);
        return false
        };
        function eyesys_init(){
        if (ie5){
        eyesys+=("<style type='text/css'>.textul{position:absolute;top:0px;color:"+eyesys_titletext+";writing-mode:        tb-rl;padding-top:10px;filter: flipH() flipV();z-Index:10;width:100%;height:100%;font: bold 12px sans-serif}.gradientul{position:relative;top:0px;left:0px;width:100%;background-color:"+eyesys_titlecol2+";height:100%;z-Index:9;FILTER: alpha( style=1,opacity=0,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=100)}.contra{background-color:"+eyesys_titlecol1+";border:1px inset "+eyesys_bg+";height:98%;width:18px;z-Index:8;top:0px;left:0px;margin:2px;position:absolute;}.men{position:absolute;top:0px;left:0px;padding-left:18px;background-color:"+eyesys_bg+";border:2px outset "+eyesys_bg+";z-Index:1;}.men a{margin:1px;cursor:default;padding-bottom:4px;padding-left:1px;padding-right:1px;padding-top:3px;text-decoration:none;height:100%;width:100%;color:"+eyesys_cl+";font:normal 12px sans-serif;}.men a:hover{background:"+eyesys_bgov+";color:"+eyesys_clov+";} BODY{overflow:hidden;border:0px;padding:0px;margin:0px;}.ico{border:none;float:left;}</style><div class='men'>")
        }
        };
        
        function eyesys_item(txt,ico,lnk){
        if (ie5){
        if(!ico)ico='s.gif';
        preitem+=("<a href='#' onmousedown='parent.window.location.href=""+lnk+""'><img src='./icon_imgs/"+ico+"' width='16' height='16' class='ico'> "+txt+"</a>")
        }
        };
        
        function eyesys_close(){
        if (ie5){
        eyesys+=preitem;
        eyesys+=("</div><div class='contra'><div class='gradientul'></div><div class='textul' id='titlu'>"+eyesys_title+"</div></div>");
        document.write("<div id='men' style='width:"+eyesys_width+"'></div>");
        document.getElementById('men').innerHTML=preitem
        }
        }
    </SCRIPT>

<SCRIPT type=text/javascript>
//타이틀 제목
eyesys_title="Menu"        
//타이틀 배경색
eyesys_titlecol1="#6B717B" //상단                        
eyesys_titlecol2="#FFFFFF" //하단                                
//타이틀 색
eyesys_titletext="#393939"                        
//메뉴의 배경색
eyesys_bg="#F7F5F7"                                
//마우스 오버 했을시 메뉴의 배경색
eyesys_bgov="#ECE8DF"                        
//메뉴의 폰트 색
eyesys_cl="#393939"                         
//마우스 오버 했을시 메뉴의 폰트색
eyesys_clov="#393939"         
//메뉴의 넓이
eyesys_width=160                
//메뉴의 선언 부분
eyesys_init()
//메뉴 선언의 문법 : eyesys_item(문구,아이콘,링크)
//만일 아이콘이 없으면  null로 하면된다.
eyesys_item('Home','','index.php') //<--- 경로는 절대경로나.. http://경로 해도 됨
eyesys_item('About Me',null,'me.php')
eyesys_item('Computer',null,'computer.php')
eyesys_item('Study Abroad',null,'studyabroad.php')
eyesys_item('Work',null,'work.php')
eyesys_item('Guest Book',null,'free.php')
eyesys_item('Site Map',null,'linksite.php') //<--- 요렇게 null 로 하면 아이콘 지정안해도 됨
eyesys_close()
</SCRIPT>




-------------------------------------- 홈피 소스 끝 -----------------------------------------------
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
지용근 고수님들 혹시 이거 아시나요? [1] 2007.08.10
서방걸 쟈바스크립트 소스에 관한 질문입니다...ㅠㅠ [4] 2007.08.10
장현수 flash 로 슬라이딩 메뉴 만드는법좀 알려주세요. [1] 2007.08.10
camus 엔지오 채널 따라하기 ..궁금합니다. [2] 2007.08.10
경미 아웃룩익스프레스에서의 음악문제  
하링 포토샾히스토리브러쉬 색깔 어떻게 바꾸죠? [1] 2007.08.10
박상현 폼메일 소슨데요. 원하는 페이지로 갈려면 어찌해야 하나요? [3] 2007.08.10
울산사람 플래쉬 작업 질문~ [3] 2007.08.10
Summersnow 플레쉬 홈페이지에 관련해서 급질문;; [2] 2007.08.10
최한나 노프레임홈 제작중인데 -_ㅠ [2] 2007.08.10
Meanitt 오류가 나요..ㅜㅜ [1] 2007.08.10
진우 게스트 방문경로에 관한 질문입니다.  
@kihwa 이런 스타일 만드는 포토샵 강좌 아시는 분? [1] 2007.08.10
김인호 혼자 2시간 끙끙대다가 여쭤봅니다..ㅠ.ㅠ [2] 2007.08.10
pray 이건 무슨소스인가요? [2] 2007.08.10
김영은 최근게시물을 한페이지당 5개씩 전부뽑고싶은데요... [1] 2007.08.10
CityBoys-Life 리스트 퀴리문 좀 부탁드려요... [1] 2007.08.10
길™기획^실장 웹페이지 테스트 부탁드립니다.  
오권열 save for web이 않되네요  
이시왕 나모, 노프레임 테이블내 셀이 서로 붙질 않습니다. [3] 2007.08.10
Charite 이미지 박스에 올린 사진 다른 사이트에서 사용하기  
SwёётÐrёam 포토샵에서... [1] 2007.08.10
하성우 FTP 설정 관련질문입니다. 조금 급한데;; [3] 2007.08.10
이승헌 ★☆★일러스트 간단한 질문입니★☆★  
jamjary 구인구직사이트 구현에서.. 마감일이 지나면 리스트에 표시안되게 하는 방법에서요. [2] 2007.08.10
파워업 외부로그인 없는 홈피에서 관리자 버튼 생성법? [1] 2007.08.10
장현수 메뉴에 마우스 가져다 대면 밑으로 하위메뉴 슬라이드식으로 나오게 하는법좀 알려줘요.  
김영서 (첨부소스) 레이어 속한거, 자바소스로만 뺄수 있나여 ??  
김영서 나모 스크립트 마법사에 있는걸 소스로 변환 &홈피 관련 질문도..  
김태양 bgm 설치하면서..ㅠ.ㅠ [1] 2007.08.10
태그 쓰기