这么一个简单的效果就花了偶两个多小时,失败。。。看来还是写的太少,眼高手低!!以后还要多动手写,不能只知道实现方法就pass了废话少说,代码如下(这个可是结构,样式,行为相分离哦):
*{margin:0px;padding:0px;}
#menu{
font-size:12px;
list-style-type:none;
width:100px;text-align:center;
}
#m1,#m2,#m3,#m4{
border:1px solid #666;
height:20px;line-height:20px;
background:#ccc;width:98px;
}
#m1_sub,#m2_sub,#m3_sub,#m4_sub{
display:inline-block;
}
ul#menu li ul li{
border:1px solid #999;
height:20px;line-height:20px;
background:#efefef;list-style-type:none;
}
function toggleMenu(){
var aTitle=new Array();
if(arguments.length==0) return false;
//获取对象
var $=function(id){
return document.getElementById?document.getElementById(id):document.all[id];
}
//将获取参数转换为数组
for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]