谁知道http://www.greatmidnight.com/的左边的菜单怎么做啊？？

pp616 2001-10-23 09:32:53

我想做那中菜单。不知道什么来实现。高手们请指教。

...全文

175 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

tengy1 2001-10-26

打赏
举报

willwzq 2001-10-26

打赏
举报

agree!

zhx_232 2001-10-26

打赏
举报

zhx_232 2001-10-26

打赏
举报

1、test.htm

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="default.css">
<style>
body{font-size:9pt;}
a:link{color:#000000; text-decoration:none}
a:visited{color:#000000; text-decoration:none}
a:hover{color:#FF3300;t ext-decoration:underline;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor=#FFFFFF>
<br>

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td>
<table class="flyoutMenu" menudata="submenu.xml" width="180" cellpadding="2" cellspacing="0" border="0" >
<tr><td>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1000">Test MS Flyout Menu </td>
</tr></table>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1236"><a href="/windowsxp/pro/evaluation/default.asp">Welcome to my website</a></td>
</tr></table>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1193"><a href="www.9xo9.com">OH YES! ^_^</a></td>
</tr></table>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1339"><a href="www.9xo9.com">Technical Resources</a></td>
</tr></table>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1408"><a href="www.9xo9.com">Using Windows XP</a></td>
</tr></table>
<table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" ><a href="www.9xo9.com">Downloads</a></td></tr>
</table></td></tr></table>
<table class="flyoutMenu" menudata="/windowsxp/inc/MnpXmlDataGen.asp" width="180" cellpadding="2" cellspacing="0" border="0" >
<tr><td><table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" ><a href="www.9xo9.com">Expert Zone Community</a></td>
</tr></table></td></tr></table>
<table class="flyoutMenu" menudata="/windowsxp/inc/MnpXmlDataGen.asp" width="180" cellpadding="2" cellspacing="0" border="0" >
<tr><td><table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" handle="1672"><a href="/windowsxp/windowsfamily.asp">Windows Family</a></td>
</tr></table><table width="175" cellpadding="0" cellspacing="0" border="0">
<tr><td class="flyoutLink" ><a href="http://windowsupdate.microsoft.com">Windows Update</a></td>
</tr></table></td></tr></table></table>

</body>
</html>

2、default.css

.flyoutMenu {
background-color: #F1F1F1;
border-color: #999999;
border-width: 0 1px 1px 0;
border-style: solid;
behavior: url(default.htc);
}
.flyoutHeading {
font-family: Verdana,Arial;
font-size: 70%;
background-color: #F1F1F1;
font-weight: bold;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 2px;
cursor: default;
}
.flyoutLink {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana,Arial;
font-size: 70%;
padding-left: 6px;
padding-right: 25px;
padding-top: 1px;
cursor: hand;
}
.flyoutMenu TD.flyoutLink {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana,Arial;
font-size: 70%;
padding: 1px 25px 3px 6px;
cursor: hand;
}
.flyoutLink a {
color: black;
text-decoration: none;
}
.flyoutLink a:hover {
color: black;
text-decoration: none;
}
.flyoutLink a:visited {
color: black;
text-decoration: none;
}
.flyoutLink a:active {
color: black;
text-decoration: none;
}
.flyoutSubHeading {
font-family: Verdana,Arial;
font-size: 70%;
background-color: #F1F1F1;
font-weight: bold;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 7px;
cursor: default;
}
.flyoutSubLink {
border-color: #F1F1F1;
border-width: 1px;
border-style: solid;
font-family: Verdana,Arial;
font-size: 70%;
padding: 1px 15px 3px 11px;
cursor: hand;
}
.flyoutSubLink a {
color: black;
text-decoration: none;
}
.flyoutSubLink a:hover {
color: black;
text-decoration: none;
}
.flyoutSubLink a:visited {
color: black;
text-decoration: none;
}
.flyoutSubLink a:active {
color: black;
text-decoration: none;
}

3、submenu.xml

<?xml version='1.0'?>
<menu rev="1">
<submenu handle="1236">
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
<item href="www.9xo9.com" label="www.9xo9.com" />
</submenu>

<submenu handle="1235">
<item href="www.9xo9.com" label="Evaluation" />
<item href="www.9xo9.com" label="How to Buy" />
<item href="www.9xo9.com" label="Using Windows XP" />
<item href="www.9xo9.com" label="Technical Resources" />
<item href="www.9xo9.com" label="Downloads" />
<item href="www.9xo9.com" label="hardware" />
<item href="www.9xo9.com" label="software" />
</submenu>

<submenu handle="1000">
<item href="www.9xo9.com" label="aaa" />
<item href="www.9xo9.com" label="bbb" />
<item href="www.9xo9.comf" label="ccc" />
<item href="www.9xo9.comt" label="ddd" />
<item href="www.9xo9.com" label="eee" />
<item href="www.9xo9.com" label="fff" />
<item href="www.9xo9.com" label="ggg" />
<item href="www.9xo9.com" label="hhh" />
<item href="www.9xo9.com" label="iii" />
<item href="www.9xo9.com" label="jjj" />
<item href="www.9xo9.com" label="kkk" />
<item href="www.9xo9.com" label="lll" />
<item href="www.9xo9.com" label="mmm" />
<item href="www.9xo9.com" label="nnn" />
<item href="www.9xo9.com" label="ooo" />
<item href="www.9xo9.com" label="ppp" />
<item href="www.9xo9.com" label="qqq" />
<item href="www.9xo9.com" label="rrr" />
<item href="www.9xo9.com" label="sss" />
<item href="www.9xo9.com" label="ttt" />
<item href="www.9xo9.com" label="uuu" />
<item href="www.9xo9.com" label="vvv" />
<item href="www.9xo9.com" label="www" />
<item href="www.9xo9.com" label="xxx" />
<item href="www.9xo9.com" label="yyy" />
<item href="www.9xo9.com" label="zzz" />
</submenu>

<submenu handle="1193">
<item href="www.9xo9.com" label="How to Buy: Overview" />
<item href="www.9xo9.com" label="Choosing Your Edition" />
<item href="www.9xo9.com" label="Pricing and Licensing" />
<item href="www.9xo9.com" label="Upgrading" />
<item href="www.9xo9.com" label="Make Your Purchase" />
</submenu>

<submenu handle="1339">
<item href="www.9xo9.com" label="Technical Resources: Overview" />
<item href="www.9xo9.com" label="Planning" />
<item href="www.9xo9.com" label="Deployment" />
<item href="www.9xo9.com" label="Administration" />
<item href="www.9xo9.com" label="Product Documentation" />
<item href="www.9xo9.com" label="Technologies" />
<item href="www.9xo9.com" label="What's New" />
</submenu>

<submenu handle="1408">
<item href="www.9xo9.com" label="Using Windows XP: Overview" />
<item href="www.9xo9.com" label="How-to Articles" />
<item href="www.9xo9.com" label="Tips" />
<item href="www.9xo9.com" label="Newsgroups" />
<item href="www.9xo9.com" label="Books" />
<item href="www.9xo9.com" label="Training" />
</submenu>

<submenu handle="1240">
<item href="www.9xo9.com" label="xpscreensaver" />
</submenu>

<submenu handle="1672">
<item href="www.9xo9.com" label="zzz" />
</submenu>
</menu>

4、default.htc

<PUBLIC:COMPONENT>

<PUBLIC:PROPERTY NAME="menudata" />
<PUBLIC:METHOD NAME="show_flyout" />
<PUBLIC:METHOD NAME="kill_flyout" />
<PUBLIC:METHOD NAME="scroll" />
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="event_oncontentready()" />

<SCRIPT language="JScript">

// Copyright ?2001 Microsoft Corporation

var IMAGES = "/library/flyoutmenu/images/"
var MENU_WIDTH = 180
var MENU_BORDER_COLOR = '#999999'
var MENU_BACKGROUND_COLOR = '#f1f1f1'
var MENU_CURRENTPAGE_COLOR = '#ffffff'
var MENU_MOUSEOVER_COLOR = '#cccccc'
var MENU_MOUSEDOWN_COLOR = '#999999'
var MENU_SHADOW_COLOR = '#666666'
var FLYOUT_DELAY = 200
var KILL_DELAY = 300
var SCROLL_DELAY = 35
var SCROLL_PXPERSEC = 150
var MIN_FLYOUT_WIDTH = 100
var MAX_FLYOUT_WIDTH = 410

var global = window.document
global.fo_currentMenu = null
global.fo_shadows = new Array
global.fo_killTimer = null

var flyoutTimer = null
var scrollTimer = null
var flyoutCount = 0
var flyouts = new Array
var rowHeight = 0
var menuToShow = null
var scrollDelta = 0
var scrollStart = 0
var scrollTime = 0
var scrollArea = null
var contentReady = 0
var hideIFrames = true

function newid()
{
var id
do
id = 'id' + Math.random().toString().substr(2, 10)
while (global.all(id))
return id
}

function new_XML_document()
{
try
{
var doc = new ActiveXObject("MSXMl.DOMDocument")
return doc
}
catch(err)
{
return null
}
}

function event_oncontentready()
{
if (!global.firstFlyoutInstance)
{
global.firstFlyoutInstance = true
global.body.attachEvent("onmousemove", body_onmousemove)
}

if (this.id == '')
this.id = newid()

if (navigator.appVersion.indexOf("MSIE 5.0") == -1)
hideIFrames = false

var mdd = null
if (menudata)
if (menudata.substr(0, 1) == '#')
mdd = eval(menudata.substr(1)).XMLDocument.documentElement
else
{
var md = new_XML_document()
if (md)
{
md.async = false
md.load(menudata)
if (md.parseError.errorCode == 0)
mdd = md.documentElement
}
else
mdd = null
}

var items = this.all.tags("TD")
var i
var nParentItem = 0
var nParentLen = -1
var lhref = normalized_href(location.href)

for (i=0; i<items.length; i++)
{
var item = items[i]
if (item.className == "flyoutLink" || item.className == "flyoutSubLink")
{
var disabled = false
var anchors = item.all.tags("A")
if (anchors.length > 0)
{
var anchor = anchors.item(0)
var ahref = normalized_href(anchor.href)
if (ahref == lhref)
{
anchor.outerHTML = anchor.innerHTML
item.style.borderColor = MENU_BORDER_COLOR
item.style.backgroundColor = MENU_CURRENTPAGE_COLOR
item.style.cursor = 'default'
disabled = true
nParentItem = 0
nParentLen = 9999
}
else
{
var slash = ahref.lastIndexOf("/")
if (slash == ahref.length - 1)
if (lhref.substr(0, slash + 1) == ahref)
if (ahref.length > nParentLen)
{
nParentItem = i
nParentLen = ahref.length
}
}
}
item.defaultBorder = item.style.borderColor
item.defaultBackground = item.style.backgroundColor
item.attachEvent("onmouseover", item_onmouseover)
item.attachEvent("onmouseout", item_onmouseout)
if (!disabled)
{
item.attachEvent("onmousedown", item_onmousedown)
item.attachEvent("onmouseup", item_onmouseup)
}
if (item.handle && mdd)
{
var sm = mdd.selectSingleNode("//submenu[@handle='" + item.handle + "']")
if (sm)
{
var fa = document.createElement("div")
fa.width = 4
fa.height = 7
fa.style.position = "absolute"
fa.style.left = MENU_WIDTH - 15
fa.style.marginTop = 4
fa.style.fontSize = "1px"
fa.style.backgroundImage = "url(" + IMAGES + "flyout_arrow.gif)"
fa.style.width = "4px"
fa.style.height = "7px"
item.insertAdjacentElement("afterBegin", fa)

var table = document.createElement("table") //submenu
table.attachEvent("onmouseover", submenu_onmouseover)
table.attachEvent("onmouseout", submenu_onmouseout)
table.width = MAX_FLYOUT_WIDTH + 6
table.cellPadding = 0
table.cellSpacing = 0
table.className = "flyoutMenu"
table.style.border = "solid 1px " + MENU_BORDER_COLOR
table.style.position = "absolute"
table.style.left = MENU_WIDTH - 4
table.style.top = 0
table.baseTop = element_top(item) - 3
cell = table.insertRow().insertCell()
cell.style.padding = "2px 0px"
scrollArea = document.createElement("div")
scrollArea.id = newid()
cell.insertAdjacentElement("afterBegin", scrollArea)

upScroller = create_sublink('<center><div style="width: 7px; height: 9px; font-size: 1px"></div></center>')
upScroller.style.display = 'none'
upScroller.rows[0].cells[0].scroller = scrollArea
cell.insertAdjacentElement("afterBegin", upScroller)
downScroller = create_sublink('<center><div style="width: 7px; height: 9px; font-size: 1px"></div></center>')
downScroller.style.display = 'none'
downScroller.rows[0].cells[0].scroller = scrollArea
cell.insertAdjacentElement("beforeEnd", downScroller)
scrollArea.upScroller = upScroller
scrollArea.downScroller = downScroller

var it = sm.firstChild
var ic = 0
var j
var mi //menu item

while (it)
{
ic++
var tn = it.tagName
var att = it.attributes
if (tn == 'item')
{
var h = '<a href="' + att.getNamedItem("href").value + '">' + att.getNamedItem("label").value + '</a>'
mi = create_sublink(h)
}
else if (tn == 'heading')
mi = create_sublink(att.getNamedItem("label").value, "flyoutSubHeading")
else if (tn == 'separator')
mi = create_separator()
else
mi = create_sublink("", "flyoutSubHeading")
scrollArea.insertAdjacentElement('beforeEnd', mi)
it = it.nextSibling
}

global.body.insertAdjacentElement('afterBegin', table)
item.flyoutid = flyoutCount
flyouts[flyoutCount++] = table

var maxWidth = MIN_FLYOUT_WIDTH
for (j=0; j<ic; j++)
{
mi = scrollArea.childNodes(j)
if (mi.offsetWidth > maxWidth)
maxWidth = mi.offsetWidth
}
if (maxWidth > MAX_FLYOUT_WIDTH)
maxWidth = MAX_FLYOUT_WIDTH

table.width = ''

rowHeight = scrollArea.childNodes(0).offsetHeight

for (j=0; j<ic; j++)
{
mi = scrollArea.childNodes(j)
mi.style.width = maxWidth + mi.widthAdjust
}

upScroller.style.width = maxWidth
downScroller.style.width = maxWidth

table.style.display = "none"
}
}
}
}
if (nParentItem != 0)
{
items[nParentItem].style.borderColor = MENU_BORDER_COLOR
items[nParentItem].defaultBorder = MENU_BORDER_COLOR
}
}

function normalized_href(href)
{
href = href.toLowerCase();
var slash = href.lastIndexOf("/");
if (-1 != slash)
{
var filename = href.substr(slash + 1);
if ("default.htm" == filename || "default.asp" == filename)
href = href.substr(0, slash + 1);
}
return href;
}

function image_load(src)
{
var img = new Image()
img.src = src
return img
}

function item_onmouseover()
{
var e = whichItem()
if (e.contains(window.event.fromElement))
return
if (e.style.backgroundColor != MENU_CURRENTPAGE_COLOR)
{
e.style.borderColor = MENU_BORDER_COLOR
e.style.backgroundColor = MENU_MOUSEOVER_COLOR
}
if (e.submenu == null)
{
if (e.handle)
{
menuToShow = flyouts[e.flyoutid]
if (menuToShow)
menuToShow.baseTop = element_top(e) - 3
}
else
menuToShow = null
flyoutTimer = window.setTimeout(this.id + ".show_flyout()", FLYOUT_DELAY, "JScript")
}
else if (scrollArea = e.scroller) //not a "==" typo
{
if (e.offsetParent.offsetTop > scrollArea.offsetTop)
scrollDelta = +1
else
scrollDelta = -1
scrollStart = scrollArea.scrollTop
scrollTime = current_time()
scrollTimer = window.setInterval(this.id + ".scroll()", SCROLL_DELAY, "JScript")
}
var a = e.all.tags("A")
if (a.length > 0)
window.status = a[0].href
}

function current_time()
{
var temp = new Date()
return temp.valueOf()
}

function item_onmouseout()
{
var e = whichItem()
var te = window.event.toElement
if (te)
if (e.contains(te))
return
e.style.borderColor = e.defaultBorder
e.style.backgroundColor = e.defaultBackground
if (flyoutTimer)
{
window.clearTimeout(flyoutTimer)
flyoutTimer = null
}
if (gs = scrollTimer)
{
window.clearInterval(gs)
scrollTimer = null
}
window.status = ""
}

function whichItem()
{
var e = event.srcElement
while (e.tagName != "TD")
e = e.parentElement
return e
}

function item_onmousedown()
{
if ((event.button & 1) == 0)
return;
var e = whichItem()
e.style.backgroundColor = MENU_MOUSEDOWN_COLOR
e.mouseIsDown = 1
}

function item_onmouseup()
{
if ((event.button & 1) == 0)
return;
var e = whichItem()
if (e.mouseIsDown != 1)
return
e.mouseIsDown = false
e.style.backgroundColor = MENU_MOUSEOVER_COLOR
var a = e.all.tags("A")
if (a.length > 0)
top.location.href = a[0].href
}

function scroll()
{
var temp = scrollStart + Math.round((current_time() - scrollTime) * 0.001 * SCROLL_PXPERSEC) * scrollDelta
scrollArea.scrollTop = temp
upImg = scrollArea.upScroller.all.tags("DIV").item(0)
dnImg = scrollArea.downScroller.all.tags("DIV").item(0)
if (temp <= 0)
upImg.style.backgroundImage = "url(" + IMAGES + "up_disabled.gif)"
else
upImg.style.backgroundImage = "url(" + IMAGES + "up_enabled.gif)"
if (temp >= scrollArea.scrollHeight - scrollArea.offsetHeight)
dnImg.style.backgroundImage = "url(" + IMAGES + "down_disabled.gif)"
else
dnImg.style.backgroundImage = "url(" + IMAGES + "down_enabled.gif)"
if (scrollArea.scrollTop != temp)
{
window.clearInterval(scrollTimer)
scrollTimer = null
}
}

function remove_flyout()
{
if (global.fo_currentMenu)
{
var i
for (i=0; i<global.fo_shadows.length; i++)
global.fo_shadows[i].removeNode(true);
global.fo_shadows = new Array();
global.fo_currentMenu.style.display = 'none'
show_elements("SELECT")
show_elements("OBJECT")
if (hideIFrames) show_elements("IFRAME")
}
}

function show_flyout()
{
flyoutTimer = null
if (global.readyState != 'complete')
{
flyoutTimer = window.setTimeout(this.id + ".show_flyout()", 50, "JScript")
return
}
if (global.fo_currentMenu == menuToShow)
return

remove_flyout()

global.fo_currentMenu = menuToShow

if (menuToShow)
{
var menuChildren = menuToShow.rows[0].cells[0].childNodes
var upScroller = menuChildren(0).style
var scrollArea = menuChildren(1).style
var downScroller = menuChildren(2).style

upScroller.display = 'none'
downScroller.display = 'none'
scrollArea.overflow = 'visible'

var menuStyle = menuToShow.style
menuStyle.zIndex = 10
menuStyle.top = menuToShow.baseTop
menuStyle.display = ''

var docBody = global.body
var docTop = docBody.scrollTop
var screenHeight = docBody.clientHeight

if (menuStyle.posTop - docTop + menuToShow.offsetHeight > screenHeight)
{
menuStyle.posTop -= menuToShow.offsetHeight - 25
if (menuStyle.posTop < docTop)
{
menuStyle.posTop = (screenHeight - menuToShow.offsetHeight) / 2 + docTop - 2
if (menuStyle.posTop < docTop)
{
upScroller.display = '';
menuChildren(0).all.tags("DIV").item(0).style.backgroundImage = "url(" + IMAGES + "up_disabled.gif)"
downScroller.display = '';
menuChildren(2).all.tags("DIV").item(0).style.backgroundImage = "url(" + IMAGES + "down_enabled.gif)"
scrollArea.overflow = 'hidden';

var vrows = Math.floor((screenHeight - 8) / rowHeight) - 2
if (vrows <= 0)
{
remove_flyout()
return
}

scrollArea.height = vrows * rowHeight
menuStyle.posTop = (screenHeight - menuToShow.offsetHeight) / 2 + docTop - 2
menuChildren(1).scrollTop = 0
}
}
}
makeRectangularDropShadow(menuToShow, MENU_SHADOW_COLOR, 4)
menuToShow.focus()

global.fo_muLeft = menuToShow.offsetLeft
global.fo_muRight = global.fo_muLeft + menuToShow.offsetWidth
global.fo_muTop = menuToShow.offsetTop
global.fo_muBottom = global.fo_muTop + menuToShow.offsetHeight

hide_elements("SELECT")
hide_elements("OBJECT")
if (hideIFrames) hide_elements("IFRAME")
}
}

function element_top(el)
{
var et = 0
while (el)
{
et += el.offsetTop
el = el.offsetParent
}
return et
}

function makeRectangularDropShadow(el, color, size)
{
var i;
for (i=size; i>0; i--)
{
var rect = document.createElement('div');
var rs = rect.style
rs.position = 'absolute';
rs.left = (el.style.posLeft + i) + 'px';
rs.top = (el.style.posTop + i) + 'px';
rs.width = el.offsetWidth + 'px';
rs.height = el.offsetHeight + 'px';
rs.zIndex = el.style.zIndex - i;
rs.backgroundColor = color;
var opacity = 1 - i / (i + 1);
rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
el.insertAdjacentElement('afterEnd', rect);
global.fo_shadows[global.fo_shadows.length] = rect;
}
}

function submenu_onmouseout()
{
var gc = global.fo_currentMenu
if (!gc) return
var event = window.event
if (!gc.contains(event.toElement))
{
if (event.x < MENU_WIDTH)
return
global.fo_killTimer = window.setTimeout(this.id + ".kill_flyout()", KILL_DELAY, "JScript")
event.cancelBubble = true
}
}

function submenu_onmouseover()
{
if (kt = global.fo_killTimer) //not a == typo
{
window.clearTimeout(kt)
global.fo_killTimer = null
}
}

function kill_flyout()
{
global.fo_killTimer = null
remove_flyout()
global.fo_currentMenu = ''
}

function body_onmousemove()
{
if (!global.fo_currentMenu)
return
if (global.fo_killTimer)
return
if (global.fo_currentMenu.contains(window.event.srcElement))
return
if (window.event.x < MENU_WIDTH)
return
kill_flyout()
}

function create_sublink(html, className)
{
var sublink = document.createElement("table")
sublink.cellPadding = 0
sublink.cellSpacing = 0
sublink.style.margin = "0px 2px"
sublink.widthAdjust = 0
var td = sublink.insertRow().insertCell()
if (!className) className = "flyoutSubLink"
td.className = className
td.submenu = "1"
td.innerHTML = html
return sublink
}

function create_separator()
{
var sep = document.createElement("table")
sep.cellPadding = 0
sep.cellSpacing = 0
sep.style.margin = "2px 0px"
sep.widthAdjust = 4
var td = sep.insertRow().insertCell()
td.width = "100%"
td.height = "1"
td.bgColor = MENU_BORDER_COLOR
return sep
}

function hide_elements(tagName)
{
windowed_element_visibility(tagName, -1)
}

function show_elements(tagName)
{
windowed_element_visibility(tagName, +1)
}

function windowed_element_visibility(tagName, change)
{
var els = global.all.tags(tagName)
var i
for (i=0; i < els.length; i++)
{
var el = els.item(i)
if (elements_overlap(el))
{
if (el.visLevel)
el.visLevel += change
else
el.visLevel = change
if (el.visLevel == -1)
{
el.visibilitySave = el.style.visibility
el.style.visibility = "hidden"
}
else if (el.visLevel == 0)
el.style.visibility = el.visibilitySave
}
}
}

function elements_overlap(el)
{
var left = 0
var top = 0
var width = el.offsetWidth
var height = el.offsetHeight
while (el)
{
left += el.offsetLeft
top += el.offsetTop
el = el.offsetParent
}
return ((left < global.fo_muRight) && (left + width > global.fo_muLeft) && (top < global.fo_muBottom) && (top + height > global.fo_muTop))
}

</SCRIPT>

</PUBLIC:COMPONENT>

你copy出来自己试一下！：）

Luke_cn 2001-10-26

打赏
举报

没那么麻烦吧！用层呀！

freezwy 2001-10-26

打赏
举报

我给你把代码贴出来吧。但是不是那里的，原理一样。设计三个JS。
1.FUNC.JS
代码如下：
function MM_findObj(n, d) { //v3.0
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments;
document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null)
{document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() {
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_showHideLayers() {
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
2.testmenu.js
代码如下：
document.write('<table cellspacing=0 cellpadding=0 width=140 border=0 height="79" align="center">')
document.write('<tbody> <tr valign=top><td style="POSITION: relative">')
document.write('<div id=foreign style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 40px; HEIGHT: 126px">')
document.write('<table onMouseOver="MM_showHideLayers(\'foreign\',\'\',\'show\');" onMouseOut="MM_showHideLayers(\'foreign\',\'\',\'hide\')" cellspacing=1 cellpadding=0 width=120 bgcolor=#ffffff border=0>')
document.write('<tbody><tr bgcolor=#3366cc><td>')
document.write('<div align="center"><font color="#FFFFFF">外语考试</font></div>')
document.write('</td></tr><tr bgcolor="#009900">')
document.write('<td bgcolor="#009900"><font color="#FFFFFF">')
document.write('<a href="/train/kaoshi/waiyuks/pets/default.htm">·PETS</a></font></td>')
document.write('</tr><tr bgcolor=#009900><td bgcolor="#009900"><font color="#FFFFFF">')
document.write('<a href="/train/kaoshi/waiyuks/riyu/default.htm">·日语</a></font></td>')
document.write('</tr><tr bgcolor=#009900><td bgcolor="#009900"><font color="#FFFFFF">')
document.write('<a href="/train/kaoshi/waiyuks/shangwu/default.htm">·剑桥商务英语</a></font></td>')
document.write('</tr><tr bgcolor=#009900><td bgcolor="#009900"><font color="#FFFFFF">')
document.write('<a href="/">·</a><span ><a href="/train/kaoshi/waiyuks/siliuji/default.htm">英语四六级</a></font></td>')
document.write('</tr></tbody></table></div>')
document.write('<div id=zige style="z-index: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 61px; HEIGHT: 117px"> ')
document.write('<table onMouseOver="MM_showHideLayers(\'zige\',\'\',\'show\');" onMouseOut="MM_showHideLayers(\'zige\',\'\',\'hide\')" cellspacing=1 cellpadding=0 width=120 bgcolor=#ffffff border=0>')
document.write('<tbody><tr bgcolor=#3366cc>')
document.write('<td ><div align="center"><font color=#ffffff>资格考试</font></div></td></tr><tr> ')
document.write('<td bgcolor=#009900><a href="/train/kaoshi/zige/gwy/default.htm">·公务员</a></font></td>')
document.write('</tr><tr bgcolor=#009900><td ><font color=#ffffff>')
document.write('<a href="/train/kaoshi/zige/lvkao/default.htm">·律师</a></font></td></tr>')
document.write('<tr bgcolor=#009900>')
document.write('<td ><font color=#ffffff>')
document.write('<a href="/train/kaoshi/zige/zhq/default.htm">·证券从业资格</a></font>')
document.write('</td></tr>')
document.write('<tr bgcolor=#009900><td ><font color=#ffffff>')
document.write('<a href="/train/kaoshi/zige/zhk/default.htm">·注册会计师</a></font>')
document.write('</td></tr></tbody></table></div>')
document.write('<div id=degree style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 81px; HEIGHT: 130px">')
document.write('<table onMouseOver="MM_showHideLayers(\'degree\',\'\',\'show\');" onMouseOut="MM_showHideLayers(\'degree\',\'\',\'hide\')" cellspacing=1 cellpadding=0 width=120 border=0 bgcolor=#ffffff>')
document.write('<tbody><tr bgcolor=#3366cc> <td >')
document.write('<div align="center"><font color=#ffffff>学历考试</font></div></td></tr>')
document.write('<tr bgcolor=#009900><td ><font color=#ffffff>')
document.write('<a href="/train/kaoshi/xueliks/kaoyan/default.htm">·研究生考试</a></font>')
document.write('</td></tr>')
document.write('<tr bgcolor=#009900><td><font color=#ffffff>')
document.write('<a href="/train/kaoshi/xueliks/shuangxw/default.htm">·双学位</a></font>')
document.write('</td></tr><tr bgcolor=#009900><td ><font color=#ffffff>')
document.write('<a href="/train/kaoshi/xueliks/zikao/default.htm">·自学考试</a></font>')
document.write('</td></tr></tbody></table></div>')
document.write('<div id=computer style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 21px; HEIGHT: 127px">')
document.write('<table onMouseOver="MM_showHideLayers(\'computer\',\'\',\'show\');" onMouseOut="MM_showHideLayers(\'computer\',\'\',\'hide\')" cellspacing=1 cellpadding=0 width=120 border=0 bgcolor=#ffffff>')
document.write('<tbody><tr bgcolor=#3366cc><td >')
document.write('<div align="center"><font color=#ffffff>计算机考试</font></div></td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor="#009900"><font color=#ffffff>')
document.write('<a href="/train/kaoshi/jsjks/dengji/default.htm">·计算机等级考试</a></font>')
document.write('</td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor=#009900><font color=#ffffff>')
document.write('<a href="/train/kaoshi/jsjks/shuiping/default.htm">·资格与水平考试</a></font>')
document.write('</td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor="#009900"><font color=#ffffff>')
document.write('<a href="/train/kaoshi/jsjks/microsoft/default.htm">·微软认证</a></font>')
document.write('</td></tr>')
document.write('</tbody></table></div>')
document.write('<div id=waiguo style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 100px; HEIGHT: 103px">')
document.write('<table onMouseOver="MM_showHideLayers(\'waiguo\',\'\',\'show\');" onMouseOut="MM_showHideLayers(\'waiguo\',\'\',\'hide\')" cellspacing=1 cellpadding=0 bgcolor=#ffffff width=120 border=0>')
document.write('<tbody><tr bgcolor=#3366cc><td >')
document.write('<div align="center"><font color=#ffffff>留学考试</font></div></td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor="#009900"><font color=#ffffff>')
document.write('<a href="/train/kaoshi/liuxueks/toefl/default.htm">·托福TOEFL</a></td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor="#009900"><font color=#ffffff>')
document.write('<a href="/train/kaoshi/liuxueks/gre/default.htm">·GRE</a></font></td></tr>')
document.write('<tr bgcolor=#009900><td bgcolor="#009900"><font color=#ffffff>')
document.write('<a href="/train/kaoshi/liuxueks/ielts/default.htm">·雅思IELTS</a></font></td></tr>')
document.write('</tbody></table></div></td></tr>')
document.write('<tr><td height="19"><img src="/train/images/kaoshi_b1.GIF" width="145" height="17"></td></tr>')
document.write('<tr valign=top><td>')
document.write('<a onMouseOver="MM_swapImage(\'shouye\',\'\',\'/train/images/shouye_f2.gif\',\'1\');MM_showHideLayers(\'computer\',\'\',\'show\');" onMouseOut="MM_swapImgRestore();MM_showHideLayers(\'computer\',\'\',\'hide\')" href="#"><img height=20 src="/train/images/shouye.gif" width=140 border=0 name=shouye></a></td></tr>')
document.write('<tr valign=top><td>')
document.write('<a onMouseOver="MM_swapImage(\'center\',\'\',\'/train/images/center_f2.gif\',\'1\');MM_showHideLayers(\'foreign\',\'\',\'show\');" onMouseOut="MM_swapImgRestore();MM_showHideLayers(\'foreign\',\'\',\'hide\')" href="#"><img height=20 src="/train/images/center.gif" width=140 border=0 name=center></a></td>')
document.write('</tr><tr valign=top><td>')
document.write('<a onMouseOver="MM_swapImage(\'assistent\',\'\',\'/train/images/assistent_f2.gif\',\'1\');MM_showHideLayers(\'zige\',\'\',\'show\')" onMouseOut="MM_swapImgRestore();MM_showHideLayers(\'zige\',\'\',\'hide\')" href="#"><img height=20 src="/train/images/assistent.gif" width=140 border=0 name=assistent></a></td>')
document.write('</tr><tr valign=top><td>')
document.write('<a onMouseOver="MM_swapImage(\'cjol\',\'\',\'/train/images/cjol_f2.gif\',\'1\');MM_showHideLayers(\'degree\',\'\',\'show\');" onMouseOut="MM_swapImgRestore();MM_showHideLayers(\'degree\',\'\',\'hide\')" href="#"><img height=20 src="/train/images/cjol.gif" width=140 border=0 name=cjol></a></td>')
document.write('</tr>')
document.write('<tr valign=top><td>')
document.write('<a onMouseOver="MM_swapImage(\'escape\',\'\',\'/train/images/escape_f2.gif\',\'1\');MM_showHideLayers(\'waiguo\',\'\',\'show\');" onMouseOut="MM_swapImgRestore();MM_showHideLayers(\'waiguo\',\'\',\'hide\')" href="#"><img height=19 src="/train/images/escape.gif" width=140 border=0 name=escape></a></td>')
document.write('</tr><tr valign=top><td height=13> </td></tr></tbody></table>')
3.testinfo.js
代码如下：
var t;
t=outlookbar.addtitle('计算机考试')
outlookbar.additem('等级考试',t,69)
outlookbar.additem('软件水平考试')
outlookbar.additem('微软认证',t,94)
outlookbar.additem('CICSO认证',t,102)
outlookbar.additem('ORACLE认证',t,107)
outlookbar.additem('其他认证',t,107)
t=outlookbar.addtitle('外语考试')
outlookbar.additem('英语四六级考试',t,1)
outlookbar.additem('公共英语等级考试',t,23)
outlookbar.additem('商务英语考试',t,31)
outlookbar.additem('日语考试',t,36)
t=outlookbar.addtitle('留学考试')
outlookbar.additem('TOEFL',t,50)
outlookbar.additem('GRE',t,71)
outlookbar.additem('GMAT',t,78)
outlookbar.additem('IELTS',t,97)
outlookbar.additem('LSAT',t,104)
t=outlookbar.addtitle('职称考试')
outlookbar.additem('公务员考试',t,28)
outlookbar.additem('律师资格考试',t,54)
outlookbar.additem('证券从业资格考试',t,98)
outlookbar.additem('注册会计师考试',t,106)
outlookbar.additem('注册税务师考试')
outlookbar.additem('注册资产评估师考试',t,2)
t=outlookbar.addtitle('学历考试')
outlookbar.additem('考研',t,44)
outlookbar.additem('双学位考试',t,51)
outlookbar.additem('自学考试',t,52)
t=outlookbar.addtitle('其他')
outlookbar.additem('考试论坛',t,72)
4.test.htm
调用代码如下:
<HTML><HEAD><TITLE>天基人才网</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 5.50.4522.1800" name=GENERATOR>
<link rel="stylesheet" href="style.css" type="text/css">
<script language="JavaScript" src=func.js></script>
</HEAD>
<BODY bgColor=#ffffff topMargin=0>
<div align=center>
<script language="javascript" src="/train/top.js"></script>
<table width="766" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170" valign="top" background="images/0019.gif" height="318">
<table width="57%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"> </td>
</tr>
<tr>
<td height="19"><img src="images/kaoshi_b1.GIF" width="170" height="17"></td>
</tr>
<tr valign="top">
<td height="43">
<table cellspacing=0 cellpadding=0 width=140 border=0 height="79" align="center">
<tbody>
<tr valign=top>
<td style="POSITION: relative">
<div id=foreign
style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 22px; HEIGHT: 81px">
<table onMouseOver="MM_showHideLayers('foreign','','show');"
onMouseOut="MM_showHideLayers('foreign','','hide')"
cellspacing=1 cellpadding=0 width=120 bgcolor=#ffffff border=0>
<tbody>
<tr bgcolor=#3366cc>
<td bgcolor="#3366cc">
<div align="center"><font color="#FFFFFF">外语考试</font></div>
</td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color="#FFFFFF"><a
href="kaoshi/waiyuks/pets/default.htm">·PETS</a></font></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color="#FFFFFF"><a
href="kaoshi/waiyuks/riyu/default.htm">·日语</a></font></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color="#FFFFFF"><a
href="kaoshi/waiyuks/shangwu/default.htm">·<span >剑桥商务英语</span></a></font></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color="#FFFFFF"><a
href="http://www.cjol.com/person/basaldata.asp?action=addnew&IDModify=14111451.8758329">·</a><span ><a href="kaoshi/waiyuks/siliuji/default.htm">英语四六级</a></span></font></td>
</tr>
</tbody>
</table>
</div>
<div id=zige
style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 42px; HEIGHT: 117px">
<table onMouseOver="MM_showHideLayers('zige','','show');"
onMouseOut="MM_showHideLayers('zige','','hide')" cellspacing=1
cellpadding=0 width=120 bgcolor=#ffffff border=0>
<tbody>
<tr bgcolor=#3366cc>
<td bgcolor="#3366cc" >
<div align="center"><font color="#FFFFFF">资格考试</font></div>
</td>
</tr>
<tr bgcolor=#7d86aa>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/zige/gwy/default.htm">·公务员</a></font></td>
</tr>
<tr bgcolor=#7d86aa>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/zige/lvkao/default.htm">·律师</a></font></td>
</tr>
<tr bgcolor=#7d86aa>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/zige/zhq/default.htm">·证券从业资格</a></font></td>
</tr>
<tr bgcolor=#7d86aa>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/zige/zhk/default.htm">·注册会计师</a></font></td>
</tr>
</tbody>
</table>
</div>
<div id=degree
style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 62px; HEIGHT: 130px">
<table onMouseOver="MM_showHideLayers('degree','','show');"
onMouseOut="MM_showHideLayers('degree','','hide')" cellspacing=1
cellpadding=0 width=120 border=0 bgcolor="#FFFFFF">
<tbody>
<tr bgcolor=#3366cc>
<td >
<div align="center"><font color="#FFFFFF">学历考试</font></div>
</td>
</tr>
<tr bgcolor=#8ab0ad>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/xueliks/kaoyan/default.htm">·研究生考试</a></font></td>
</tr>
<tr bgcolor=#8ab0ad>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/xueliks/shuangxw/default.htm">·双学位</a></font></td>
</tr>
<tr bgcolor=#8ab0ad>
<td bgcolor="#009900" ><font color=#ffffff><a
href="kaoshi/xueliks/zikao/default.htm">·自学考试</a></font></td>
</tr>
</tbody>
</table>
</div>
<div id=computer
style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 2px; HEIGHT: 90px">
<table onMouseOver="MM_showHideLayers('computer','','show');"
onMouseOut="MM_showHideLayers('computer','','hide')"
cellspacing=1 cellpadding=0 width=120 border=0 bgcolor=#ffffff>
<tbody>
<tr bgcolor=#3366cc>
<td >
<div align="center"><font color="#FFFFFF">计算机考试</font></div>
</td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color=#ffffff><a
href="kaoshi/jsjks/dengji/default.htm">·<span >计算机等级考试</span></a></font></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color=#ffffff><a
href="http://www.cjol.com/person/basaldata.asp?action=addnew&IDModify=14111451.8758329">·</a></font><a href="kaoshi/jsjks/shuiping/default.htm">资格与水平考试</a></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color=#ffffff><a
href="http://www.cjol.com/person/basaldata.asp?action=addnew&IDModify=14111451.8758329">·</a></font><a href="kaoshi/jsjks/microsoft/default.htm">微软认证</a></td>
</tr>
</tbody>
</table>
</div>
<div id=waiguo
style="Z-INDEX: 1; LEFT: 121px; VISIBILITY: hidden; WIDTH: 118px; POSITION: absolute; TOP: 82px; HEIGHT: 103px">
<table onMouseOver="MM_showHideLayers('waiguo','','show');"
onMouseOut="MM_showHideLayers('waiguo','','hide')"
cellspacing=1 cellpadding=0 width=120 border=0 bgcolor="#FFFFFF">
<tbody>
<tr bgcolor=#3366cc>
<td bgcolor="#3366cc" >
<div align="center"><font color="#FFFFFF">留　学</font></div>
</td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900"><font color=#ffffff><a
href="http://www.cjol.com/person/basaldata.asp?action=addnew&IDModify=14111451.8758329">·</a></font><a href="kaoshi/liuxueks/toefl/default.htm">托福</a></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900">　<a href="/train/kaoshi/liuxueks/gre/default.htm">·GRE</a></td>
</tr>
<tr bgcolor=#89ae75>
<td bgcolor="#009900">　·<a href="/train/kaoshi/liuxueks/ielts/default.htm">雅思</a></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr valign=top>
<td><a
onMouseOver="MM_swapImage('shouye','','/train/images/shouye_f2.gif',1);MM_showHideLayers('computer','','show');"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('computer','','hide')"
href="#"><img height=20
src="images/shouye.gif" width=140 border=0
name=shouye></a></td>
</tr>
<tr valign=top>
<td><a
onMouseOver="MM_swapImage('center','','/train/images/center_f2.gif',1);MM_showHideLayers('foreign','','show');"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('foreign','','hide')"
href="#"><img height=20
src="images/center.gif" width=140 border=0
name=center></a></td>
</tr>
<tr valign=top>
<td><a
onMouseOver="MM_swapImage('assistent','','/train/images/assistent_f2.gif',1);MM_showHideLayers('zige','','show')"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('zige','','hide')"
href="#"><img height=20
src="images/assistent.gif" width=140 border=0
name=assistent></a></td>
</tr>
<tr valign=top>
<td><a
onMouseOver="MM_swapImage('cjol','','/train/images/cjol_f2.gif',1);MM_showHideLayers('degree','','show');"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('degree','','hide')"
href="#"><img height=20
src="images/cjol.gif" width=140 border=0
name=cjol></a></td>
</tr>
<tr valign=top>
<td><a
onMouseOver="MM_swapImage('escape','','/train/images/escape_f2.gif',1);MM_showHideLayers('waiguo','','show');"
onMouseOut="MM_swapImgRestore();MM_showHideLayers('waiguo','','hide')"
href="#"><img
height=20 src="images/escape.gif" width=140 border=0
name=escape></a></td>
</tr>
<tr valign=top>
<td height=2> </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="15"><img src="images/kaoshi_b2.gif" width="170" height="17"></td>
</tr>
<tr>
<td height="2">
<div align="center">
<script language="javascript" src="/adpic/adpic.js"></script>
</div>
</td>
</tr>
</table>
</td>
<td width="14" valign="top" height="318">
<table width="1" border="0" cellspacing="0" cellpadding="0" background="/train/images/linebg.gif" height="100%">
<tr>
<td width="35"> </td>
</tr>
</table>
</td>
<td width="596" valign="top" height="318">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="33">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="53%"> </td>
<td width="47%" align="right" >当前位置： <a href="/">天基人才网</a>>><a href="/info.asp">教育培训</a>>>考试</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td height="218">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="405" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11%"> </td>
<td width="72%"><img src="kaoshi/images/kaoshi_y1.gif" width="345" height="23"></td>
<td width="17%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table width="96%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/01073002.htm">几种国际性职业资格证书介绍</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/01073001.htm">国外计算机考试概况</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010723jnlk.htm" target="_self">今年律考悄然谢幕</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010723yszg.htm" target="_self">2001年医师资格考试将于9月举行</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010723zzss.htm" target="_self">在职硕士首次全国联考报名即将开始</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010719rhyfysydks.htm">如何应付雅思阅读考试</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010719zlyyzyzgks.htm">质量专业职业资格考试</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/010719cisco.htm">ＣＩＳＣＯ职业认证“家族”新增通讯和服务认证</a></td>
</tr>
<tr>
<td height="25"><img src="/train/images/button1.gif" width="13" height="14"><a href="kaoshi/other/wysjs.htm" target="_blank">网页设计师正规认证开始
</a> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="16" valign="top"> </td>
<td width="182" valign="middle">
<table width="51%" border="1" cellspacing="0" cellpadding="0" align="left" bordercolor="#000000" bordercolordark="#FFFFFF">
<tr>
<td height="168">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4%" valign="top"><img src="/train/images/peihang.GIF" width="16" height="210"></td>
<td width="96%" valign="top">
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/jsjks/dengji/default.htm" target="_blank">计算机等级考试</a></div>
</td>
</tr>
<tr>
<td height="25" >
<div align="left"><a href="kaoshi/waiyuks/siliuji/default.htm" target="_blank">英语四六级考试</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/jsjks/shuiping/default.htm" target="_blank">计算机水平考试</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/jsjks/microsoft/default.htm" target="_blank">微软认证考试</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/xueliks/kaoyan/default.htm" target="_blank">研究生入学考试</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/waiyuks/shangwu/default.htm" target="_blank">剑桥商务英语</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/zige/lvkao/default.htm" target="_blank">律师资格考试</a></div>
</td>
</tr>
<tr>
<td height="25">
<div align="left" ><a href="kaoshi/liuxueks/toefl/default.htm" target="_blank">托福Toefl</a></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="right"><img src="/train/images/peihang1.gif" width="138" height="16"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td>
<table width="90%" border="0" cellpadding="4" cellspacing="2">
<tr>
<td colspan="3">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3%"> </td>
<td width="87%"><img src="images/pxzh2.gif" width="450" height="23"></td>
<td width="10%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="18%"><font color=red><b> ○</b></font><b>计算机考试</b></td>
<td width="82%"><a href="kaoshi/jsjks/dengji/default.htm" target="_blank">计算机等级考试</a>
| <a href="kaoshi/jsjks/shuiping/default.htm" target="_blank">计算机水平考试</a>
| <a href="kaoshi/jsjks/microsoft/default.htm" target="_blank">微软认证考试</a>
| 其他认证考试</td>
</tr>
<tr>
<td width="18%"><font color=red><b> ○</b></font><b>外语考试</b></td>
<td width="82%"><a href="kaoshi/waiyuks/siliuji/default.htm" target="_blank">英语四六级考试</a>
| <a href="kaoshi/waiyuks/shangwu/default.htm" target="_blank">剑桥商务英语</a>
| <a href="kaoshi/waiyuks/pets/default.htm" target="_blank">PETS</a>
| <a href="kaoshi/waiyuks/riyu/default.htm" target="_blank">日语能力测试</a></td>
</tr>
<tr>
<td width="18%"><font color=red><b> ○</b></font><b>资格考试</b></td>
<td width="82%"><a href="kaoshi/zige/gwy/default.htm" target="_blank">公务员考试</a>
| <a href="kaoshi/zige/zhk/default.htm" target="_blank">注册会计师考试</a>
| <a href="kaoshi/zige/lvkao/default.htm" target="_blank">律师资格考试</a>
| <a href="kaoshi/zige/zhq/default.htm" target="_blank">证券从业资格考试</a></td>
</tr>
<tr>
<td width="18%"><font color=red><b> ○</b></font><b>学历考试</b></td>
<td width="82%"><a href="kaoshi/xueliks/kaoyan/default.htm" target="_blank">研究生入学考试</a>
| <a href="kaoshi/xueliks/zikao/default.htm" target="_blank">自学考试</a>
| <a href="kaoshi/xueliks/shuangxw/default.htm" target="_blank">双学位考试</a></td>
</tr>
<tr>
<td width="18%"><font color=red><b> ○</b></font><b>留学考试</b></td>
<td width="82%"><a href="kaoshi/liuxueks/toefl/default.htm" target="_blank">托福Toefl</a>
| <a href="kaoshi/liuxueks/ielts/default.htm" target="_blank">雅思IELTS</a>
| <a href="kaoshi/liuxueks/gre/default.htm" target="_blank">GRE</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script language="javascript" src="/train/bottom.js"></script>
</div>
</body>
</html>
自己研究吧。

Jneu 2001-10-26

打赏
举报

pp616 2001-10-26

打赏
举报

谢谢各位。分数很快会给你们的。

zc1972 2001-10-26

打赏
举报

blues-star 2001-10-26

打赏
举报

这个东西完全是微软的技术实现的，它用的XML保存的菜单项目，我不知道它是通过微软的组件实现的菜单弹出，还是通过xsl来实现的菜单弹出，这个跟就是msdn上的菜单差不多，用javascript只能模拟~，不过也够麻烦的了~，xml我不熟：）

http://www.greatmidnight.com/dbs/mainmenu.xml

这里你看看，它的菜单项都在这里，（要查看源文件才看得到~）

karma 2001-10-25