topmenu.js

详细的IIS配置手册,图文并貌,非常实用.

//============以下是my enet下拉菜单涉及的所有函数===========================
document.writeln("<link href=\"/i/css/topmenu.css\" rel=\"stylesheet\" type=\"text/css\" />");

//从cookie中获取上次选取的产品名称
function getCookie(name){
  var search;
  search = name + "=";
  offset = document.cookie.indexOf(search); 
  if (offset != -1) {
    offset += search.length ;
    end = document.cookie.indexOf(";", offset) ;
    if (end == -1)
      end = document.cookie.length;
    return unescape(document.cookie.substring(offset, end));
  }
  else
    return "";
 }
 
//定义下拉列表中的所有选项
var memu = new Array();
memu[0] = new Array("我的eNet","http://pass.enet.com.cn/","spacer.gif");
memu[1] = new Array("论坛","http://bbs.enet.com.cn/","spacer.gif");
memu[2] = new Array("e起摘","http://z.enet.com.cn/","spacer.gif");
memu[3] = new Array("eNet杂志","http://www.enet.com.cn/magazine/dv/cool8/","spacer.gif");
memu[4] = new Array("摄影部落","http://dclub.enet.com.cn/","spacer.gif");
memu[5] = new Array("免费邮箱","http://pass.enet.com.cn/mail.jsp","spacer.gif");
memu[6] = new Array("二手市场","http://www.enet.com.cn/ediy/jsp/list_2shou.jsp","spacer.gif");
memu[7] = new Array("问吧","http://wenba.enet.com.cn/","spacer.gif");
memu[8] = new Array("下载BLOG","http://download.enet.com.cn/blog/","spacer.gif");
memu[9] = new Array("地图","http://www.enet.com.cn/qdzn/map/","spacer.gif");
memu[10] = new Array("IT女性","http://www.enet.com.cn/elady/maillist/maillist.jsp","spacer.gif");
memu[11] = new Array("用户反馈","http://others.enet.com.cn/enet/feedback/feedback.php","spacer.gif"); 

//将cookies中的数值转化为列表选项编号
var showlist = new Array(0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20);
var m1 = getCookie('memu1').split(",");

//初始化列表默认显示的内容为menu0，如果曾经选择过其他选项则显示上次选择的选项
var f1;
 f1 = memu[0];
 for(i=0;i<memu.length;i++)
 {
  if(parseInt(m1[i])==1){
   f1 = memu[i];
  }
}
  var flog;
//添加菜单项
 function add(obj)//添加菜单
 {
  var me = document.getElementById(obj);
  var chlidhtml="";
  var mm;
  var grouplist=new Array();

  switch (obj)
  {
   case "memu1":
    mm="mm1";
    break;
  //如果有其他下拉菜单可以在这里添加
  /* case "memu2":
    mm="mm2";
    break;
   case "memu3":
    mm="mm3";
    break;
   case "memu4":
    mm="mm4";
    break;
   case "memu5":
    mm="mm5";
    break;
   case "memu6":
    mm="mm6";
    break;*/
  }
  me.parentNode.className=="memus"?flog=1:flog=0;
  for(i=1;i<2;i++){
  //如果有多个菜单（如5个），这里应改为i<6
   eval("document.getElementById('memu"+i+"').parentNode.className='memus'");
   eval("document.getElementById('mm"+i+"').className='mmopen'");
  }
  for(i in memu){
  	if((f1[0])==memu[i][0]){
  		chlidhtml+="<div class=\"lisn\" onmouseover=\"bmouseover(this)\" onmouseout=\"bmouseout(this)\" onclick=\"selected(this,'"+memu[i][1]+"')\">"+memu[i][0]+"</div>";
  	}else{
   		chlidhtml+="<div class=\"linn\" onmouseover=\"bmouseover(this)\" onmouseout=\"bmouseout(this)\" onclick=\"selected(this,'"+memu[i][1]+"')\">"+memu[i][0]+"</div>";
	}
  }
  me.innerHTML = chlidhtml;
  if(flog==1){
   me.parentNode.className="memushow";
   eval("document.getElementById('"+mm+"').className='mmclose'");
  }
  else {
   me.parentNode.className="memus";
   eval("document.getElementById('"+mm+"').className='mmopen'");  
  }
 }
 
 function bmouseover(obj){
   if(obj.className=='linn'){
     obj.className='lino';
   }else{
  obj.className='liso';   
   }
 }
 function bmouseout(obj){
   if(obj.className=='lino')  {
    obj.className='linn';
   }  else {
    obj.className='lisn';
   }
 }
 
 function selected(obj,openurl){
  var lists = obj.parentNode;
  var beselect = obj.innerHTML;
  var memulist= new Array();
  var info = obj.innerHTML;
  with(lists) {
    for(i=0;i<getElementsByTagName("div").length;i++) {
  if(beselect == getElementsByTagName("div")[i].innerText)  {
   info = getElementsByTagName("div")[i].innerText

   getElementsByTagName("div")[i].className="liso";  
   }  else  {

   getElementsByTagName("div")[i].className="linn";
  }
 }
 for(i=0;i<memu.length;i++) {
  if(memu[i][0]==info)  {
   if(i>memu.length)   {
    switch(lists.id)    {
     case "memu1":
  showlist1[7] = i;
   //document.getElementById("im1").innerHTML="<a href=\""+memu[i][1]+"\" target=\"_blank\"><img src=\"http://www.enet.com.cn/i/images/top/myenet"+memu[i][2]+"\" border=\"0\"></a>";
   document.getElementById("mm1").parentNode.innerHTML="<a href=\""+memu[i][1]+"\" target=\"_blank\">"+memu[i][0]+"</a><span onclick=\"add('memu1')\" id=\"mm1\" class=\"mmopen\">&nbsp;</span>";
      break;
    }
   }   else   {
    switch(lists.id)  {
     case "memu1":
   //document.getElementById("im1").innerHTML="<a href=\""+memu[i][1]+"\" target=\"_blank\"><img src=\"http://www.enet.com.cn/i/images/top/myenet"+memu[i][2]+"\" border=\"0\"></a>";
   document.getElementById("mm1").parentNode.innerHTML="<a href=\""+memu[i][1]+"\" target=\"_blank\" >"+memu[i][0]+"</a><span onclick=\"add('memu1')\" id=\"mm1\" class=\"mmopen\">&nbsp;&nbsp;</span>";
    break;
    }   
   }
   memulist[i] = 1;
  }  else  {
   memulist[i] = 0;
  }
 }
 writecookie(lists.id,memulist.join(","));
window.location.href=openurl;
  }
  lists.parentNode.className="memus";
 }
 function writecookie(name,num) {
  document.cookie=name+"="+num+";expires="+new Date(new Date().getTime() + 365*24*60*60*1000).toGMTString();
 }
 function addchild(obj) {
  var list = obj.parentNode;
  var listhtml = "";
  for(i=0;i<memu.length;i++)  {
   if(i==showlist1.length)   {
    listhtml+="<hr>";
   }   else   {
    listhtml+="<div class=\"linn\" onmouseover=\"bmouseover(this)\" onmouseout=\"bmouseout(this)\" onclick=\"selected(this,'"+memu[i][1]+"')\">"+memu[i][0]+"</div>";
   }
  }
  list.innerHTML=listhtml; 
  }
 function formatimg(obj) {
   switch (obj)   {
    case "f1":
 // document.write("<a href=\""+f1[1]+"\" target=\"_blank\"><img src=\"http://www.enet.com.cn/i/images/top/myenet/"+f1[2]+"\" border=\"0\"></a>");
  break;
   }
 }
 function formattd(obj) {
   switch (obj)   {
    case "f1":
  document.write("<a href=\""+f1[1]+"\" target=\"_blank\" >"+f1[0]+"</a><span onclick=\"add('memu1')\" id=\"mm1\" class=\"mmopen\">&nbsp;&nbsp;</span>");
  break; 
   } 
 }
 function bhidden(e) {
    e = e? e: window.event;
    e.tgt = e.srcElement? e.srcElement: e.target;
    if(e.tgt.id!='memu1' && e.tgt.id!='memu2' && e.tgt.id!='memu3' && e.tgt.id!='memu4'  && e.tgt.id!='memu5'  && e.tgt.id!='memu6' && e.tgt.id!='mm1' && e.tgt.id!='mm2' && e.tgt.id!='mm3' && e.tgt.id!='mm4' && e.tgt.id!='mm5' && e.tgt.id!='mm6')
 {
  hiddenall();
 }
 }
 function hiddenall() {
  for(i=1;i<2;i++)
  {
   if(document.getElementById("memu"+i).parentNode.className=='memushow')
   {
    eval("document.getElementById('memu"+i+"').parentNode.className='memus'");
    eval("document.getElementById('mm"+i+"').className='mmopen'");
   }
  } 
 }

document.onmousedown=function(event)
	{	
		if(event == null){
			event = window.event; // For IE
		}
		 if(flog==1){
 			var eventObj = event.srcElement? event.srcElement : event.target;  // IE use srcElement, Firefox use target
       		if(eventObj.className!="lino"&&eventObj.className!="liso")
			add('memu1')
		}
}




document.writeln("<table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\"  class=\"topmenubutton\" width=\"75\">");
document.writeln("<tr>");
document.writeln("<td>");
formattd('f1');
document.writeln("<noscript>");
document.writeln("<a href=\"http://bbs.enet.com.cn/\" class=\"underline black\">我的eNet</a>");
document.writeln("</noscript>");
document.writeln("</td>");
document.writeln("</tr>");

document.writeln("<tr>");
document.writeln("<td>");
document.writeln("<div class=\"memus\">");
document.writeln("<div id=\"memu1\"></div></div></td></tr></table>");