[返回首页]
 ◎ 您当前的位置：首页 >> 站长学堂 >> 经验技巧 >> 正文
Chinaren校友录所用的左边弹出式菜单
作者：未知 来源：网上收集 发布时间：2007-3-24 0:07:22

<html>
<head>
<title>Chinaren校友录所用的左边弹出式菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.cla2 {font-size: 12px;line-height: 18px;color:#FF6600;text-decoration: none;}
TD {FONT-SIZE: 12px}

/*弹出菜单所用Css样式*/
.menuspan {  CURSOR: hand; POSITION: absolute}
.menuhead {  PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体}
.menuheadx {  PADDING-LEFT: 6px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体}
.menuhead_open {BORDER: #FED070 1px solid; FONT-SIZE: 12px; FONT-FAMILY: 宋体 ;COLOR: #FF6600;Z-INDEX: 1; BACKGROUND: #E9FFD8;PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; WIDTH: 88px; PADDING-TOP: 2px; }
.menuhead_opensub {  BORDER-TOP: #FED070 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #FF6600; Z-INDEX: 1; BACKGROUND: #E9FFD8; PADDING-BOTTOM: 0px; BORDER-LEFT: #FED070 1px solid; WIDTH: 88px; PADDING-TOP: 2px; BORDER-BOTTOM: #FED070 1px solid; FONT-FAMILY: 宋体 }
.menuhead_click {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体}
.menuhead_clicksub {PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 0px; WIDTH: 88px; COLOR: #FF6600; PADDING-TOP: 3px; FONT-FAMILY: 宋体}
.menu {COLOR: #FF6600; BORDER-RIGHT: #FFCF70 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFCF70 1px solid; PADDING-LEFT: 2px; Z-INDEX: -1; BACKGROUND: #E9FFD6; LEFT: 99px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: #FFCF70 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #FFCF70 1px solid; POSITION: absolute}
.menuopt {COLOR: #FF6600; BORDER-RIGHT: #E9FFD6 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #E9FFD6 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #E9FFD6; PADDING-BOTTOM: 1px; BORDER-LEFT: #E9FFD6 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #E9FFD6 1px solid; FONT-FAMILY: 宋体}
.menuopt_over {PADDING-RIGHT: 1px;PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px;COLOR: #FE6700; PADDING-TOP: 2px;FONT-FAMILY: 宋体}
.menuopt_click {PADDING-RIGHT: 1px;PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: #FFFFFF; PADDING-BOTTOM: 2px;COLOR: #FE6700; PADDING-TOP: 2px;FONT-FAMILY: 宋体}
/*弹出菜单所用CSS样式*/
</style>
  
<SCRIPT LANGUAGE="javascript">
<!--
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=265+(x*17);
    vpos=55+(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 + ';">&nbsp;&nbsp;');
        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">&middot;'+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;
}
//-->
</SCRIPT>
</head>

<body>
<table width=114 height=22 border=0 cellpadding=0 cellspacing=2 background=http://images.sohu.com/cs/sms/alumni3/images/cla_bg3.gif>
<tr>
<td align=center valign=bottom>我的校友录</td>
</tr>
</table>
<table width=114 border=0 cellpadding=0 cellspacing=0>
<tr>
<td class=cla2 align=center>
Hello,Dicky!
</td>
</tr>
</table>
<TABLE width=114 border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR vAlign=top>
<TD>
  <SCRIPT language=Javascript>
  menuoptions=new Array(
      new Array('个人设置#'),
      new Array('&nbsp;&nbsp;收件箱<font color=red style="font-size:10px"></font>&nbsp;js:openit_mail()200'),
      
      new Array('&nbsp;&nbsp;修改密码&nbsp;http://log2.chinaren.com/zhs/chpass.jsp|200'),
      new Array('&nbsp;&nbsp;绑定手机&nbsp;http://alumni.chinaren.com/class/user_mobile.jsp|200'),
      new Array('学生生涯#'),
      new Array('&nbsp;&nbsp;我的大学&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/school/school_search.jsp?schooltype=6175','盐城老乡会/class/class_index.jsp?classuuid=2817034545010205664','信息工程系98222/class/class_index.jsp?classuuid=2815032345892731269','盐城师范学院数学系98（3）班/class/class_index.jsp?classuuid=2815032345954563666','信工系98226班/class/class_index.jsp?classuuid=2815032345976764092','98计算机系/class/class_index.jsp?classuuid=221530','搜索新的大学班级/school/school_search.jsp?schooltype=6'),
      new Array('&nbsp;&nbsp;我的中学&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/school/school_search.jsp?schooltype=4136','1995年入学的高三(8)班/class/class_index.jsp?classuuid=2815032345911019669','高三(4)班/class/class_index.jsp?classuuid=2815032345894931767','八班/class/class_index.jsp?classuuid=2815032345897646845','高三八班/class/class_index.jsp?classuuid=2815032345897648547','响水县中学高三(8)班 /class/class_index.jsp?classuuid=2815032345919416808','搜索新的中学班级/school/school_search.jsp?schooltype=4'),
      new Array('&nbsp;&nbsp;我的小学&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/school/school_search.jsp?schooltype=1120','搜索新的小学班级/school/school_search.jsp?schooltype=1'),
      new Array('&nbsp;&nbsp;其他班级&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/school/school_search.jsp?schooltype=7120','搜索其他类型的班级/school/school_search.jsp?schooltype=7'),
      new Array('&nbsp;&nbsp;我的论坛&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>90','社区精华http://club.chinaren.com/bbs/index.jsp?boardid=63','型男索女|http://club.chinaren.com/bbs/index.jsp?boardid=4','贴贴图图|http://club.chinaren.com/bbs/index.jsp?boardid=13','情感世界|http://club.chinaren.com/bbs/index.jsp?boardid=8','才毕业|http://club.chinaren.com/bbs/index.jsp?boardid=12','漂在海外|http://club.chinaren.com/bbs/index.jsp?boardid=11'),

      new Array('&nbsp;&nbsp;最近访问&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/school/school_search.jsp120','搜索班级/school/school_search.jsp'),


        new Array('增值特区#'),
        new Array('&nbsp;&nbsp;手机校友录&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/mobile/sms_alumni.jsp100',
           '定制手机校友录js:sms_sub_1(1,1,\'0\')',
           '手机发表留言/mobile/sms_alumni.jsp#send',
           '班级留言提醒/mobile/sms_alumni.jsp#msg',
           '同学生日提醒/mobile/sms_alumni.jsp#birthday',
           '新同学加入提醒/mobile/sms_alumni.jsp#join',
           '上传新图片提醒/mobile/sms_alumni.jsp#pic'
        ),
        new Array('&nbsp;&nbsp;星级会员&nbsp;<img src="http://www.vipcn.com/up/2005-10-31/200510311138437779.gif"width=3 height=5>/vip/vip_index.jsp100',
           '星级会员首页/vip/vip_index.jsp',
           '多彩留言/vip/vip_colorWord.jsp',
           '友情留言/vip/vip_friendword.jsp',
           '地址导出/vip/vip_exportaddr.jsp',
           '留言下载/vip/vip_exportmsg.jsp',
           '短信提醒/vip/vip_reminder.jsp',
           '尊贵署名/vip/vip_banner.jsp',
           '相册增容/vip/vip_album.jsp',
           '短信宝贝/vip/vip_baby.jsp'
           ),
        new Array('强档功能#'),
        new Array('&nbsp;&nbsp;客服论坛&nbsp;js:openit2()200'),
        new Array('&nbsp;&nbsp;校花爬行榜&nbsp;http://roster.chinaren.com|200'),
        new Array('&nbsp;&nbsp;清新五分钟&nbsp;js:openit1()200')
      );

    menu_build();
    menu_addevents();

  </SCRIPT>
</TD>
</TR>
</TBODY>
</TABLE>
</body>
</html>

[返回上一页] [打 印]
热点文章 推荐文章
·韩国明星站点大全
·ASP+FSO+框架实现ASP生成htm并分页的
·动网论坛首页调用
·对动网论坛作搜索引擎优化
·jsp Smart Upload上传下载全攻略
·给惊云下载系统添加ewebeditor编辑器
·[Google Adsense]如何增加点击率
·世界经典网页设计
·巧妙复制网页内容的方法
·特色网址站的制作
·右键被禁止 巧妙破解右键被禁的方法
·Web2.0式失败路径