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

500分求菜单功能。

编辑:说三道四文库 发布时间:2018-01-24 05:50
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的颜色是么?
对。也就是你点击哪个菜单项,就保持哪个菜单项的颜色。
专攻移动支付?PayPal将面向全球开放移动SDK CoconutKit:iOS开发必备的开源组件库 个人隐私是如何“泄漏”的:国内外互联网企业隐私策略对比 惠普2014年Q1财报:净利润同比增16% PC业务逆势好转 “阅后即焚”挖谷歌墙角,GAE技术大牛跳槽Snapchat 报表问题!在线等待! ginger和cxx1997请进。 c中圆周率如何取得。 和一个兄弟(一个宿舍)一起参加应聘 一直到了最后 末了今天老板通知他给录取了 我..... 动态生成的图片二进制数据如何保存到byte数组中 有关ListView的问题 很烦,到这里来灌灌水,偶尔放点分给大家,进来吧! 这个问题比较棘手,不知道这里有没有人能解决 服務器達人進~~急!!!!!!!!!!!!!!!!!!!!!!!!! 有说祖孙的,有说曾祖、祖、父,放在自己身上咋算啊? 关于香港居民的叙述,正确的是:A.人口总数已超过1 三代以上出于学是什么意思三代以上出于学.战国至秦出 关于我国人口增长的叙述,正确的是()A 由于旧中国 这句话表代什么意思?有的人你看了一辈子却忽略了一辈 金山三代什么意思 请问子添三代什么意思呢? 足彩简介:1)14场胜平负:竞猜14场比赛的胜平负 那位高手能举例子说明排列组合里P和C这两种的用法, 房子改变社会生态:大城市还能容下“穷新消法:回避“知假买假” “假一赔三玻利维亚一飞机降落时爆炸起火致8死1中国富豪接班大考:13位“富二代”谈法国支持韩国提出的“朝鲜半岛信任进程广东省纪委暗访曝光四起“为官不为”问全时深度参与2016 IT价值峰会C硬派对抗!广州”百灵鸟”光大足球飞7美味联合创始人杨佳佳舌战加餐思辨赛与20万消费者成为微信好友,看格格家一品公子穿越之杀戮大陆雷暴天下网游之隐世猛人茅山九龙秘籍铁路文化公园旅游于山旅游乌山旅游福建博物院旅游左海公园旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘