说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

500分求菜单功能。

编辑:说三道四文库 发布时间:2018-04-23 09:40
HTML文档下载 WORD文档下载 PDF文档下载
类似于
http://www.aspfaq.com/
要求我点击菜单上的哪一项就显示哪一页面,并且该菜单与其他的菜单不同颜色。
用javascript实现。
<html>
<head>
<style>
body, td, th { font-family:verdana,tahoma;font-size:x-small;line-height:17px; }
a { color: #000000; background:#B9CDEF; text-decoration:none; padding-top: 1px; padding-bottom: 1px; padding-left:2px; padding-right:2px }
.crow { font-size:8pt;font-family:tahoma,verdana;cursor:hand;border-right:1px solid black; }
.srow { font-size:8pt;font-family:tahoma,verdana;border-right:1px solid white; }
.tran { color:#ffffff; background:#ffffff; padding:0px; }


</style>
<noscript><meta http-equiv=refresh content='1;url=wholelist.asp'></noscript>
<script>
function fOn(o) { o.style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#8DAED7', EndColorStr='#FFFFFF')"; }
function fOff(o) { o.style.filter = ""; }
</script>
</head>
<body bgcolor=#ffffff text=#000000 link=#000080 vlink=#000080 alink=#000080
 topmargin=0 leftmargin=0 rightmargin=0 marginheight=0 marginwidth=0 style='background:url(&#039;/img/nli.jpg&#039;) no-repeat;'>
<table border=0 cellpadding=0 cellspacing=0 width='100%'>
<tr valign=top><td width=110>

<table border=0 cellpadding=0 cellspacing=0 width=110 style='line-height:19px;background:#8DAED7'>
<tr><td class=srow id='selected' bgcolor=#ffffff><nobr>&nbsp;&nbsp;Home&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/search.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Search&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/database.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Database&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/filesystem.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;File System&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/components.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Components&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/forms.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Forms&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/dates.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Dates&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/email.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;E-mail&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/general.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;General&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/biglist.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;The Big List&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/recent.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Recent Changes&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/downloads.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Downloads&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/feedback.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Feedback&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/credits.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Credits&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr><tr onclick="window.location.href='/privacy.asp';"><td class=crow onmouseover='this.style.background="#FFFFFF";this.style.borderRight="1px solid #ffffff";fOn(this);' onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr>&nbsp;&nbsp;Privacy&nbsp;</nobr></td></tr><tr height=1><td height=1 bgcolor=#000000><img src='/img/blank.gif' width=1 height=1 hspace=0 vspace=0 style='visibility:hidden'></td></tr>
<tr>
<td background=/img/bot.jpg bgcolor=#ffffff><img src=/img/blank.gif width=1 height=1 style='visibility:hidden' vspace=19></td>
</tr>

</table>
</td></tr>
</table>
老大,你别再贴了。拜托!
你不是就要这种功能么?
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}

.menu a{
text-decoration:none;
color:black;
}
-->
</style>
<script language="javascript">
<!--

/*
Cool Table Menu
By Clarence Eldefors (http://www.freebox.com/cereweb) with modifications from javascriptkit.com
Visit http://javascriptkit.com for this and over 400+ other scripts
*/



function movein(which,html){
which.style.background='coral'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

function moveout(which){
which.style.background='bisque'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML='&nbsp;'
else
boxdescription.innerHTML='&nbsp;'
}

//-->
</script>
<table bgcolor="black" border="1" bordercolor="ivory" cellpadding="2" cellspacing="0">

<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'The #1 DHTML site online')" onmouseout="moveout(this)"">
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></td></tr>

<td class="menu" bordercolor="black" id="choice2" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'Free Java applets')" onmouseout="moveout(this)">
<a href="http://freewarejava.com">Freewarejava.com</a></td></tr>

<td class="menu" bordercolor="black" id="choice3" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'Free webmaster resources')" onmouseout="moveout(this)"><a href="http://www.freebox.com/cereweb/">Cerebus Web Resources</a></td></tr>

<td class="menu" bordercolor="black" id="choice4" style="background-color:bisque; cursor:hand" onmouseover="movein(this,'Resources to build your site')" onmouseout="moveout(this)"><a href="http://www.sitepoint.com">SitePoint.com</a></td></tr>

<tr>
<td bordercolor="black" bgcolor="ivory" height="18"><font id="boxdescription" face="Verdana" size="2"></font></td></tr>
</table>

<p><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript
Kit</a></font></p>
呵呵呵,狂搞笑!
hahaha你发这么多帖子,不怕浪费分数呀!
原理很简单,是不是你懒的写哦
其实原理真得很简单
就是onmouseover时候县是一个背景
onmouseout的时候再把背景换回来
不是阿,onmouseover 和 onmouseout 我会,我要的是点击以后就保持颜色阿。
还有当前显示的哪个页面 相应的菜单就显示相应的颜色
你是说要保持点击后menu的颜色是么?
对。也就是你点击哪个菜单项,就保持哪个菜单项的颜色。
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘