最近有一个作业中的一个小功能要求以下：多层div相互层叠,要求激活其中一个。 先看我做的DEMO:http://xiebiji.com/works/activeDiv/ 来看一下关键的js代码(基于mootools)：
//层叠激活 /*获取当前所有层区域*/ //定义一个存放多个区域数据的集合 var allArea=new Array(); //遍历所有存在的div $$('#comm_area .comm_div').each(function(e){ pushOneArea(e);//依次存数据 }); //往allArea集合中存入一个区域数据，e为$()方法得来的元素 function pushOneArea(e){ var oneArea=new Object();//定义1个对象 //赋予对象一些必要的数据 oneArea.sx=e.getStyle('left').toInt(); oneArea.ex=e.getStyle('left').toInt()+e.getStyle('width').toInt(); oneArea.sy=e.getStyle('top').toInt&#.........[ More Detail ]