社区
JavaScript
帖子详情
500分求菜单功能。
dong03
2003-09-17 10:00:20
类似于
http://www.aspfaq.com/
要求我点击菜单上的哪一项就显示哪一页面,并且该菜单与其他的菜单不同颜色。
用javascript实现。
...全文
104
9
打赏
收藏
500分求菜单功能。
类似于 http://www.aspfaq.com/ 要求我点击菜单上的哪一项就显示哪一页面,并且该菜单与其他的菜单不同颜色。 用javascript实现。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
dong03
2003-09-17
打赏
举报
回复
老大帮忙研究研究,我js不会阿。
zhaoweiwei
2003-09-17
打赏
举报
回复
他那个好像不是动态效果,而是在每个页中都把相关的菜单的样式改变了
<td class=srow id='selected' bgcolor=#ffffff>
dong03
2003-09-17
打赏
举报
回复
我要的不是onmouseover和onmouseout阿,你点击一下那个网页看看。
zhaoweiwei
2003-09-17
打赏
举报
回复
其实原理真得很简单
就是onmouseover时候县是一个背景
onmouseout的时候再把背景换回来
zhaoweiwei
2003-09-17
打赏
举报
回复
那你到底要什么功能呢?
dong03
2003-09-17
打赏
举报
回复
有没有搞错阿。
zhaoweiwei
2003-09-17
打赏
举报
回复
onmouseout='this.style.background="#8DAED7";this.style.borderRight="1px solid black";fOff(this);'><nobr> The Big List </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> Recent Changes </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> Downloads </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> Feedback </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> Credits </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> Privacy </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>
zhaoweiwei
2003-09-17
打赏
举报
回复
<html>
<head>
<style>
body, td, th { font-family:verdana,tahoma;font-size:x-small;line-height:17px; }
input, select, textarea { font-family:tahoma,verdana;font-size:8pt;background:#ececec;color:#0000AA; }
.inp { border:1px solid black;padding:2px;height:19px; }
BUTTON { font-family:tahoma,verdana;font-size:8pt;cursor:pointer;color:#0000AA;line-height:14px; }
a { color: #000000; background:#B9CDEF; text-decoration:none; padding-top: 1px; padding-bottom: 1px; padding-left:2px; padding-right:2px }
a:hover { color:#334499; background:#CADEEF; }
a.plain { text-decoration:underline;color:#000080;background:#ffffff }
a.plain:hover { text-decoration:none;background:#ffffff }
a.hide { visibility:hidden }
.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; }
.small { font-size:xx-small;color:#c4c4c4;line-height:12pt; }
.txt { border:1px solid black;padding:4px;font-family:tahoma;font-size:7pt;background:#ececec }
.data { border:1px solid black;padding:4px;font-family:lucida console;font-size:8pt;background:#ececec }
.code { font-family:lucida console,ms gothic,courier new;font-size:x-small;color:#000080;background:#ededed;line-height:10.5pt;padding-left:15px; }
.note { background:#ededed; font-family:tahoma,verdana,helvetica;font-size: xx-small;padding:9px;}
</style>
<noscript><meta http-equiv=refresh content='1;url=wholelist.asp'></noscript>
<script>
function goKB(art)
{
// EXPECTS 'Qxxxxxx' input!!!
var url='http://support.microsoft.com/?scid=KB;EN-US;'+art;
window.open(url,'','');
}
function showGrad(el) { document.all(el).style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#CCCCCC')"; }
function showGray(el) { document.all(el).style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCCCCC', EndColorStr='#FFFFFF')"; }
function fOn(o) { o.style.filter = "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#8DAED7', EndColorStr='#FFFFFF')"; }
function fOff(o) { o.style.filter = ""; }
function eOn(o,c) { document.getElementById(o).bgcolor=c; }
</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('/img/nli.jpg') 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> Home </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> Search </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> Database </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> File System </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> Components </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> Forms </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> Dates </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> E-mail </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> General </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);'
zhaoweiwei
2003-09-17
打赏
举报
回复
也就是说每个asp页的menu都是不一样的,比如说search.asp中serach就是白色的和其他不一样,这样就告诉你刚才点击的是search.asp
简单的左侧
菜单
栏整个
菜单
栏隐藏收起
功能
本文介绍如何实现整个左侧
菜单
栏的隐藏收起
功能
,点击按钮后,
菜单
栏向左侧有
500
ms的动画效果进行收起和展开。使用了layui控件,鼠标移到特定区域会显示内容,代码包括test-expand-left.html和expand-left-style.css两个文件。
SWT实现右键
菜单
功能
这篇博客展示了如何在SWT环境中实现右键
菜单
功能
。通过创建不同样式的MenuItem和Menu,包括SWT.CASCADE和SWT.POP_UP,实现了多级
菜单
和右键弹出
菜单
。代码详细演示了
菜单
项的创建、快捷键设置以及事件监听。
网页
菜单
搜索
功能
的实现与优化:从基础到进阶
本文围绕网页
菜单
搜索
功能
展开,先阐述其核心价值,如提升用户体验、适应复杂应用等。接着介绍基础实现,涉及 HTML、CSS 与 JavaScript 协同工作。还从性能、无障碍、视觉等维度进行进阶优化,支持复杂
菜单
结构和高级搜索,最后总结最佳实践,强调为用户提供高效导航体验。
前端026_
菜单
模块_新增
功能
本文详细介绍了前端
菜单
模块新增
功能
的实现过程,包括需求分析、新增组件的实现、列表引用组件、关闭弹出窗口、表单数据校验及提交。通过组件化方式,实现了新增一级
菜单
和子
菜单
的对话框弹出,利用el-dialog和el-form进行表单操作,并对接口进行模拟和实际调用,确保新增
功能
的完整性和可用性。
dedecms后台左侧
菜单
500
错误怎么处理
本文探讨了解决DEDECMS后台左侧
菜单
无法显示的问题,包括出现
500
错误的情况。涉及文件index_menu.php及inc_menu.php等,指出可能与IIS配置或Apache设置有关。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章