有无类似CHINAREN菜单的效果

ziling1250 2003-06-30 10:49:46

·个人设置 个人资料 修改密码 ·学生生涯 我的大学 查看学生生涯请登录
搜索大学班级
我的中学 查看学生生涯请登录
搜索中学班级
我的小学 查看学生生涯请登录
搜索小学班级
其他班级 查看学生生涯请登录
搜索其他类型的班级
·增值特区 手机校友录 服务功能介绍
定制手机校友录
星级会员 升级成星级会员
多彩留言
友情留言
地址导出
留言下载
短信提醒
尊贵署名
相册增容
短信宝贝

就是这些个

我有几个连接是要用 target='fram1' 联到IFRAM的,或者WINDOWOPEN什么的
请问如何修改里面的函数

var current = null; // indicating current page
function expand(id) {
var target = document.getElementById(id);
if (!target)
return;
if (current) {
current.style.display = "none";
}
current=target;
target.style.display="block";
}

/*
* This is called from the right window to update the folder list
* The input is the fragment of html to be inserted to tablist.z
*/
function updateFolderList(s) {
var target = document.getElementById('tablist.z');
if (target) {
target.innerHTML = s;
} else
alert ('cannot find tablist.z');
}

menuopen=-1;
menuurlprefix='';

function findObj(n) {
var x;

d=document;
if(!(x=d[n])&&d.all) x=d.all[n];
if(!x && d.getElementById) x=d.getElementById(n);
return x;
}

function hidemenu(menuid) {
menuobj=findObj("menu"+menuid)
menuheadobj=findObj("menuhead"+menuid)
if(!menuheadobj)return;
if (menuobj) {
menuobj.style.visibility='hidden';
}
menuheadobj.className='menuhead';

menuopen=-1;
}

function showmenu(menuid) {
menuobj=findObj("menu"+menuid);
menuheadobj=findObj("menuhead"+menuid)
if(!menuheadobj)return;
if (menuobj) {
dh=document.body.clientHeight;
menupos=menuheadobj.parentElement.offsetTop-document.body.scrollTop;
menuheight=menuobj.clientHeight;
if((menupos+menuheight>dh)&&(menupos>0)) {
menutop=dh-(menuheight+menupos)-2;
if (menutop<-menupos) menutop=-menupos;
menuobj.style.top=menutop;
} else {
menuobj.style.top=0;
}

menuobj.style.visibility='visible';
//menuobj.filters.opacity=55;
//menutobj.filters.opacity=55;

menuheadobj.className='menuhead_opensub';
} else {
menuheadobj.className='menuhead_open';
}

menuopen=menuid;
}

function menuhead_rollon() {
o=window.event.srcElement;
openmenuid=o.id.substr(8);

if(menuopen>=0) hidemenu(menuopen);

showmenu(openmenuid);
}

function menu_rollon() {
o=window.event.srcElement;
if (o.className == "menuopt") o.className = "menuopt_over";
}

function menu_rolloff() {
o=window.event.srcElement;
if (o.className.substring(0,7) == "menuopt") o.className = "menuopt";
}

function menu_mousedown() {
o=window.event.srcElement;
if (o.className == "menuopt_over") o.className = "menuopt_click";
if (o.className == "menuhead_open") o.className = "menuhead_click";
if (o.className == "menuhead_opensub") o.className = "menuhead_clicksub";
}

function menu_mouseup() {
o=window.event.srcElement;
if (o.className == "menuopt_click") o.className = "menuopt_over";
if (o.className == "menuhead_click") o.className = "menuhead_open";
if (o.className == "menuhead_clicksub") o.className = "menuhead_opensub";
}

function menu_mouseclick() {
o=window.event.srcElement;
if (o.className == "menuopt_over") {
//menusubid=o.id.split(".");
menuid=menusubid[0];
menuoptid=menusubid[1];
t=menuoptions[menuid][menuoptid].split('|');
newurl=t[1];
if (newurl.substr(0,7)!='http://') newurl=menuurlprefix + newurl;
if (newurl.substr(0,3)=='js:')
eval(newurl.substr(3,newurl.length));
else
window.location=newurl;
} else if ((o.className == "menuhead_open")||(o.className == "menuhead_opensub")) {
menuid=o.id.substr(8);
t=menuoptions[menuid][0].split('|');
newurl=t[1];
if (newurl.substr(0,7)!='http://') newurl=menuurlprefix + newurl;
if (newurl.substr(0,3)=='js:')
eval(newurl.substr(3,newurl.length));
else
window.location=newurl;
}
}

function document_mouseover() {
if(menuopen>=0) {
o=window.event.srcElement;
menuobj=findObj("menu"+menuopen);
if (menuobj) {
if ((menuobj.style.visibility == "visible")&&(o.id.length==0)) hidemenu(menuopen);
} else {
menuobj=findObj("menuhead"+menuopen);
if ((menuobj.className == "menuhead_open")&&(o.id.length==0)) menuobj.className="menuhead";
}
}
}

function menu_build() {
for (x in menuoptions) {
subopts=menuoptions[x].length;
vpos=280+(x*20);
for (y in menuoptions[x]) {
t=menuoptions[x][y].split('|');
if(y==0) {
cc=t[2];
document.write ('<span class="menuspan" style="position: absolute; top: ' + vpos + ';">  ');
if(subopts>1){
document.writeln ('<span class="menuhead" id="menuhead'+x+'" unselectable="on">'+t[0]+'</a></span>');
}else{
if(cc!=200){
document.writeln ('<span class="menuheadx" id="menuhead'+x+'" unselectable="on" style="color:#000000">·'+t[0]+'</span>');
}else{
document.writeln ('<span class="menuhead" id="menuhead'+x+'" unselectable="on">'+t[0]+'</span>');
}
}
if(subopts>1) document.writeln ('<span id="menu'+x+'" class="menu"><table width="'+t[2]+'" border="0" cellspacing="0" cellpadding="0">');
} else {
document.writeln ('<tr><td class="menuopt" id="'+x+'.'+y+'" unselectable="on">'+t[0]+'</td></tr>');
}
}
if(subopts>1) document.writeln('</table></span>');
document.write('</span>');
}
}

function menu_addevents() {
for (x in menuoptions) {
className = eval('menuhead'+x+'.className');
if(className == 'menuhead')eval('menuhead'+x+'.onmouseover = menuhead_rollon');
if(className == 'menuhead')eval('menuhead'+x+'.onmousedown = menu_mousedown');
if(className == 'menuhead')eval('menuhead'+x+'.onmouseup = menu_mouseup');
if(className == 'menuhead')eval('menuhead'+x+'.onclick = menu_mouseclick');
if (menuoptions[x].length>1) {
className = eval('menu'+x+'.className');
if(className == 'menu')eval('menu'+x+'.onmouseout = menu_rolloff');
if(className == 'menu')eval('menu'+x+'.onmouseover = menu_rollon');
if(className == 'menu')eval('menu'+x+'.onmousedown = menu_mousedown');
if(className == 'menu')eval('menu'+x+'.onmouseup = menu_mouseup');
if(className == 'menu')eval('menu'+x+'.onclick = menu_mouseclick');
}
}
document.onmouseover=document_mouseover;
}



或者有类似效果的也行
...全文
47 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
ziling1250 2003-06-30
  • 打赏
  • 举报
回复
不会加……,寒自己一个
ziling1250 2003-06-30
  • 打赏
  • 举报
回复
再加点分
ziling1250 2003-06-30
  • 打赏
  • 举报
回复
自己UP一下,主要是联结那部分,我不知道怎么写
源码直接下载地址: https://pan.quark.cn/s/a4b39357ea24 "学成在线项目前端(涉及图片、源码、psd图片等资源)"所关联的知识要点主要分布在多个前端开发的核心范畴,涵盖了HTML、CSS、JavaScript以及设计素材的应用。该项目或许是一个在线教育体系完整界面的前端构建实例,整合了构建此类平台所需的所有核心构成部分。 1. **HTML**(HyperText Markup Language)作为一种结构化标记语言,用于网页内容的组织,定义了诸如头部、主体、段落、图像等网页组成部分。在具体项目中,HTML文档负责构建并展示页面的基础架构与内容,例如课程目录展示、用户身份验证模块、课程详细信息展示等单元。 2. **CSS**(Cascading Style Sheets)专注于网页的视觉表现与布局设计,涉及颜色方案、字体选择、尺寸设定、对齐模式等细节。在"学成在线"项目中,CSS技术可能被用于塑造统一的视觉体验,例如按钮外观设计、导航栏布局规划、页面自适应布局实现等,确保在不同设备环境下的兼容性。 3. **JavaScript** 作为一种客户端脚本语言,旨在增强网页的交互性与动态表现。在"学成在线"项目中,JavaScript技术可能应用于用户行为的响应处理,如点击事件触发更多课程内容加载、表单输入验证、页面动态效果呈现、视频播放器控制等操作。此外,它也可能用于实现如AJAX异步数据获取等高级功能,以优化用户使用体验。 4. **PSD图片**代表Photoshop文档格式,通常用于存储设计构思或网页原型设计。在该项目中,PSD文件可能包含了用户界面的设计草图,设计师通过这些文件来规划并预览界面的视觉形态,包括色彩协调、图标...

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧