解读 M$ 源代码：JavaScript + CSS 实现动态菜单显示_客户端相关

解读 M$ 源代码：JavaScript + CSS 实现动态菜单显示_客户端相关_ASP教程

日期：2009-03-31　浏览次数：21028 次

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <TITLE>更易使用</TITLE>
        <SCRIPT language="javascript">

var whichIm;
var varColor = "DDEEFF";

document.onmouseover = mouseOver;
document.onmouseout = mouseOut;
document.onmousedown = mouseDown;
document.onmouseup = mouseUp;

function mouseOver() {
  var vSrc = window.event.srcElement;
  if (vSrc.className == "child2" || vSrc.className == "child3" || vSrc.className == "parent")/*判断对象是否为“单位”*/ {
    fColor = vSrc.style.backgroundColor;
    vSrc.style.backgroundColor = varColor;
    /*注2*/
  }
}

function mouseOut() {
  var vSrc = window.event.srcElement;
  if (vSrc.className == "child2" || vSrc.className == "child3" || vSrc.className == "parent") {
    vSrc.style.backgroundColor = fColor;
    /*注2*/
  }
}

function mouseDown() {
  var vSrc = window.event.srcElement;
  divColl=document.all.tags("DIV");
  for (i=0; i < divColl.length; i++) {
      if (((divColl(i).className == "parent")||(divColl(i).className == "child2")||(divColl(i).className == "child3"))&&(divColl(i).id != vSrc.id))/*注3*/ {
        divColl(i).style.backgroundColor = "";
    }
    if (((divColl(i).className == "parent")||(divColl(i).className == "child2")||(divColl(i).className == "child3"))&&(divColl(i).id == vSrc.id))/*注3*/ {
         divColl(i).style.backgroundColor = "#FFFFFF";
         fColor = "#FFFFFF";
    }
}
}

function mouseUp() {
  var vSrc = window.event.srcElement;
  if (vSrc.className == "child2" || vSrc.className == "child3" || vSrc.className == "parent") {
    /*注2*/
  }
}
//

function closeAll(el) {
    divColl=document.all.tags("DIV");
    for (i=0; i<divColl.length; i++) {
        felEl=eval(el + "Child1");
        if ((divColl(i).className == "child1") && (felEl != divColl(i))) {
            divColl(i).style.display="none";
        }
    }
}

function navOnload() {
    divColl=document.all.tags("DIV");
    for (i=0; i< divColl.length; i++) {
        if (divColl(i).className == "child1" || divColl(i).className == "child4") {
           &n

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

解读 M$ 源代码：JavaScript + CSS 实现动态菜单显示_客户端相关_ASP教程

相关资料更多>

推荐阅读更多>