很无聊的效果

admin@striblog.com(Stri) — Tue, 13 Oct 2009 23:10:38 +0800

function $(id) {
    return document.getElementById(id);
}

var mgyp = {
    x: function(t) {
        var obj = $(t).getElementsByTagName("a"),
        len = obj.length,
        me = this;
        for (var i = 0; i < len; i++) {

            obj[i].onclick = function() {
            var ss=(me.z(this.parentNode).className!="a" ) ? 0: 1 ;
               me.y(t);
			if(ss){me.z(this.parentNode).className=="a";}
                me.z(this.parentNode).className = (ss) ? "b": "a";
            }
        }
    },
    y: function(t) {
        var obj1 = $(t).getElementsByTagName("a")
		     len1=obj1.length;
        for (var i = 0; i < len1; i++) {

            this.z(obj1[i].parentNode).className = "b";
        }
    },
    z: function(node) {
        var s = node.lastChild;
        while (s.nodeType != 1) {
            s = s.previousSibling;
        }
        return s;
    }
};
mgyp.x("mgyp");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* { padding:0; margin:0; list-style:none; }
body { font-size:14px; line-height:22px; font-family:Verdana, Geneva, sans-serif; }
#wrap { width:960px; height:auto; margin:0 auto; }
ul li ul { display:none; background-color:#090; color:#FFF; }
ul li ul.a { display:block; }
ul li ul.b { display:none; }
</style>
</head>
<body>
<div id="wrap">
  <ul id="mgyp">
    <li><a href="javascript:void(0)">老大</a>
      <ul>
        <li><a href="javascript:void(0)">老二</a></li>
      </ul>
    </li>
    <li><a href="javascript:void(0)">老大</a>
      <ul>
        <li><a href="javascript:void(0)">老二</a></li>
      </ul>
    </li>
    <li><a href="javascript:void(0)">老大</a>
      <ul>
        <li><a href="javascript:void(0)">老二</a></li>
      </ul>
    </li>
    <li><a href="javascript:void(0)">老大</a>
      <ul>
        <li><a href="javascript:void(0)">老二</a></li>
      </ul>
    </li>
    <li><a href="javascript:void(0)">老大</a>
      <ul>
        <li><a href="javascript:void(0)">老二</a></li>
      </ul>
    </li>
  </ul>
</div>
<script type="text/javascript">
function $(id) {
    return document.getElementById(id);
}

var mgyp = {
    x: function(t) {
        var obj = $(t).getElementsByTagName("a"),
        len = obj.length,
        me = this;
        for (var i = 0; i < len; i++) {

obj[i].onclick = function() {
            var ss=(me.z(this.parentNode).className!="a" ) ? 0: 1 ;
               me.y(t);
			if(ss){me.z(this.parentNode).className=="a";}
                me.z(this.parentNode).className = (ss) ? "b": "a";
            }
        }
    },
    y: function(t) {
        var obj1 = $(t).getElementsByTagName("a")
		     len1=obj1.length;
        for (var i = 0; i < len1; i++) {

this.z(obj1[i].parentNode).className = "b";
        }
    },
    z: function(node) {
        var s = node.lastChild;
        while (s.nodeType != 1) {
            s = s.previousSibling;
        }
        return s;
    }
};
mgyp.x("mgyp");</script>
</body>
</html>

Stri's Blog

很无聊的效果