글쓴이 :인연환 2000년 3월 23일 02:47:24
메뉴소스입니다...
------------------------------------------------------
#### MenuContext.js ### <-- 화일명..
function showToolbar()
{
mstyle = new MenuStyle();
mstyle.bgColor="blue";
mstyle.mainMenuBorder=1;
mstyle.subMenuBorder=1;
mstyle.subMenuWidth=150;
mstyle.menuDelta = 3; // distance between mainmenu and submenu
mstyle.clsMenuItemIE = "class=clsMenuItemIE";
mstyle.clsMenuItemNS = "class=clsMenuItemNS";
mstyle.bMenuStatic = 1;
mstyle.mainMenuWidth = "100%";
menu = new Menu(mstyle);
menu.addItem("Major", "Major Search Engines", "Major Search Engines", null, null);
menu.addItem("ftp", "FTP, Web Search", "FTP, Web Search", null, null);
menu.addItem("url", "URL, Host search", "URL, Host search", null, null);
menu.addItem("ppl", "People find", "People find", null, null);
menu.addItem("prg", "Programs download", "Programs download", null, null);
menu.addSubItem("Major", "Altavista", "Altavista", "http://www.altavista.com/", "newFrm");
menu.addSubItem("Major", "Metacrawler", "Metacrawler", "http://www.metacrawler.com/");
menu.addSubItem("Major", "Excite", "Excite", "http://www.excite.com/");
menu.addSubItem("Major", "HotBot", "HotBot", "http://www.hotbot.com/");
menu.addSubItem("Major", "InfoSeek", "InfoSeek", "http://www.infoseek.com/");
menu.addSubItem("Major", "Search.com", "Search.com", "http://www.search.com/");
menu.addSubItem("Major", "Lycos", "Lycos", "http://www.lycos.com/");
menu.addSubItem("Major", "Magellan", "Magellan", "http://www.magellan.com/");
menu.addSubItem("Major", "NetGuide", "NetGuide", "http://www.netguide.com/");
menu.addSubItem("Major", "WebCrawler", "WebCrawler", "http://www.webcrawler.com/");
menu.addSubItem("Major", "Rambler.ru", "Rambler.ru", "http://www.rambler.ru/");
menu.addSubItem("Major", "Yahoo", "Yahoo", "http://www.yahoo.com/");
menu.addSubItem("ftp", "FTP Search", "FTP Search", "http://www.ftpsearch.com");
menu.addSubItem("ftp", "Words in hyperlink", "Words in hyperlink", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=hyperlink%3ATypeHyperLinkHere&search=Search");
menu.addSubItem("ftp", "Applet with specified name", "Find applets with specified name", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=applet%3ATypeAppletNameHere&search=Search");
menu.addSubItem("ftp", "Pages at specified computer", "Pages at specified computer", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=host%3AHostName&search=Search");
menu.addSubItem("ftp", "Image with specified name", "Image with specified name", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=image%3AImageName&search=Search");
menu.addSubItem("ftp", "Link to specified page", "Link to specified page", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=link%3ATypeLinkHere&search=Search");
menu.addSubItem("ftp", "Find text in web pages", "Find text in web pages", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=text%3ATypeTextHere&search=Search");
menu.addSubItem("ftp", "Find pages with specified title", "Find pages with specified title", "http://altavista.digital.com/cgi-bin/query?pg=q&kl=XX&q=title%3ATypeTitleHere&search=Search");
menu.addSubItem("url", "Find host by specified mask", "Find host by specified mask", "http://www.netcraft.com/");
menu.addSubItem("url", "Find page with specified text in URL", "Find host by specified mask", "http://altavista.digital.com/");
menu.addSubItem("ppl", "Four11", "Four11", "http://www.four11.com/");
menu.addSubItem("ppl", "GTE SuperPages", "GTE SuperPages", "http://superpages.gte.net/");
menu.addSubItem("ppl", "WhoWhere?", "WhoWhere?", "http://www.whowhere.com/");
menu.addSubItem("ppl", "White pages of Kyiv", "White pages of Kyiv", "http://www.inf.kiev.ua/WhitePagesKyiv/index_koi.html");
menu.addSubItem("ppl", "IRC: EFnet Channel Listing Servi?", "IRC: EFnet Channel Listing Servi?", "http://www.irchelp.org/irchelp/chanlist/");
menu.addSubItem("prg", "WinFiles.com", "WinFiles.com", "http://www.winfiles.com/");
menu.addSubItem("prg", "Shareware.com", "Shareware.com", "http://www.shareware.com/");
menu.addSubItem("prg", "Tucows", "Tucows", "http://tucows.mcp.com/files/");
menu.addSubItem("prg", "Freeware (Russian)", "Freeware (Russian)", "http://www.freeware.ru/");
menu.addSubItem("prg", "Programs (Russian)", "Programs (Russian)", "http://www.download.ru/");
menu.showMenu();
}
#### Menu.js #### <-- 화일명
if (document.all) {n=0;ie=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;fShow="show"; fHide="hide";}
topY = 0;rightX = 0;bottomY = 0;leftX = 0;
lastMenu = null;
var mstyle;
function MenuStyle()
{
this.bgColor = "#008080";
this.menuFont;
this.menuFontIE = "bold xx-small Verdana";
this.menuFontNS = "bold x-small Verdana";
this.clsMenuItemIE = "class=clsMenuItemIE";
this.clsMenuItemNS = "class=clsMenuItemNS";
this.mainMenuWidth = "100%";
this.mainMenuBorder = 1;
this.subMenuBorder = 1;
this.menuDelta = 3;
this.subMenueWidth = 150;
this.bMenuStatic = 0;
this.TranslateStyle = TranslateStyle;
}
function TranslateStyle()
{
if (n) this.menuFont = this.menuFontNS;
if (ie) this.menuFont = this.menuFontIE;
}
function Menu(ms)
{
ms.TranslateStyle();
mstyle = ms;
this.addItem = addItem;
this.addSubItem = addSubItem;
this.showMenu = showMenu;
this.displaySubMenu = displaySubMenu;
HTMLstr = "";
HTMLstr += "\n";
if (n)
{
MENUitem = "<tr><td><a "+mstyle.clsMenuItemNS+" href='"+location+"'";
if (frame!=null) MENUitem += " target='"+frame+"'";
MENUitem += ">"+text+"</a><br></td></tr>\n";
}
if (ie)
{
MENUitem = "<tr><td><a "+mstyle.clsMenuItemIE+" href='"+location+"'";
if (hint!=null) MENUitem += " title=\""+hint+"\"";
if (frame!=null) MENUitem += " target='"+frame+"'";
MENUitem += ">"+text+"</a><br></td></tr>\n";
}
MENUitem += Lookup;
HTMLstr = HTMLstr.replace(Lookup, MENUitem);
}
function showMenu()
{
document.writeln(HTMLstr);
if (mstyle.bMenuStatic > 0) UpdateIt();
}
////////////////////////////////////////////////////////////////////////////
// Private declaration
function displaySubMenu(idMainMenu)
{
var menu;
var submenu;
if (n)
{
submenu = document.layers[idMainMenu+"submenu"];
smp = document.layers["SmartMenu"].document.layers["SmartMenuPane"];
submenu.left = smp.document.layers[idMainMenu].pageX;
submenu.top = document.layers["SmartMenu"].pageY+smp.clip.height+3;
submenu.visibility = fShow;
leftX = submenu.left;
rightX = leftX + submenu.clip.width;
topY = document.layers["SmartMenu"].pageY;
bottomY = topY+document.layers["SmartMenu"].clip.height+submenu.clip.height;
} else if (ie) {
menu = eval(idMainMenu);
submenu = eval(idMainMenu+"submenu.style");
smp = document.all["SmartMenu"];
submenu.left = calculateSumOffset(menu, 'offsetLeft');
submenu.top = calculateSumOffset(document.all["SmartMenu"], 'offsetTop')+smp.offsetHeight+mstyle.menuDelta;
submenu.visibility = fShow;
leftX = document.all[idMainMenu+"submenu"].style.posLeft;
rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;
topY = document.all["SmartMenu"].offsetTop;
bottomY = topY+document.all["SmartMenu"].offsetHeight+
document.all[idMainMenu+"submenu"].offsetHeight;
}
lastMenu = submenu;
}
function hideAll()
{
if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}
function calculateSumOffset(idItem, offsetName)
{
var totalOffset = 0;
var item = eval('idItem');
do
{
totalOffset += eval('item.'+offsetName);
item = eval('item.offsetParent');
} while (item != null);
return totalOffset;
}
function updateIt(e)
{
if (ie)
{
var x = window.event.clientX;
var y = window.event.clientY+document.body.scrollTop;
if (x > rightX || x < leftX) hideAll();
else if (y < topY || y > bottomY) hideAll();
}
if (n)
{
var x = e.pageX;
var y = e.pageY;
if (x > rightX || x < leftX) hideAll();
else if (y > bottomY || y < topY) hideAll();
}
}
function UpdateIt()
{
if (ie) document.all["SmartMenu"].style.top = document.body.scrollTop;
if (n) document.layers["SmartMenu"].top = top.pageYOffset;
setTimeout("UpdateIt()", 200);
}
if (document.all)
{
document.body.onclick=hideAll;
document.body.onscroll=hideAll;
document.body.onmousemove=updateIt;
}
if (document.layers)
{
document.onmousedown=hideAll;
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=updateIt;
}
#### index.html #### <-- 불러오는 화일입니다..
<html>
<head>
<style>
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: red;}
</style>
<title>Welcome to Homepage</title>
</head>
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<script language="JavaScript" src="menu.js"></script>
<script language="JavaScript" src="menucontext.js"></script>
<script language="JavaScript">showToolbar();</script>
<p><br><br><br>
이것은 1단으로밖에는 하위메뉴가 나오지를 않아요...
그런데요..
이것을 2단으로 나오게 해야만 하거든요...
1단으로 나오고... 그 1단에서 또 1단으로 또 나와야 하거든요.. 그런데 어떻게 수정을 해야만 하는지 모르겠어요...
제발 소스좀 보시구요... 좀 가르쳐주십시요...제발요....
아니면....
이렇게 2단으로 해서...위에서 아래로 나오는 소스를 가지고 게신분은 꼭 연락좀 주십시요....
이소스가 꼭 필요합니다...
고수님들 좀 도와주십시요...
제발요... TT
dreamin@k2.kunsan.ac.kr
dreamin@cs.kunsan.ac.kr
dreamin1004@hanmail.net
입니다... 제발좀 도와주십시요... 제발요....
건강하십시요....