菜单制作详细教程二

2、一样式表中如何设置菜单栏为横着：效果如下图：#menuli.sub{background:#f80;float:left;}里面的float:left;属性设置#menuli.sub元素向着悬浮。注意：你可以通过去掉这个属性检测是不是通过这个属性就可以设置菜单栏为横着。二样式表中设置二级菜单为隐藏效果如下图：#menuul{position:absolute;left:-9999px;width:128px;}里面的left:-9999px;属性，意思是向左贴近，因为-9999为负数，所以就被影

3、藏了起来。详情请链接：http://blog.163.com/wp_design/blog/static/13999717120120295198574/三，单击

4、很特别的。这个样式应用必须得

元素绑定样式。#menuli.clickul{left:0;top:24px;background:url(transparent.gif);}这个样式只有class为name下的li元素。且改li元素绑定了click函数，且该函数被触发了，那么这个
• 元素下的
  元素才会应用上面的样式，而上面的样式正好是显示被隐藏的二级菜单。样式里的left:0;0不是负数，所以不会被隐藏。脚本部分脚本代码：clickMen

  5、u=function(menu){vargetEls=document.getElementById(menu).getElementsByTagName("LI");vargetAgn=getEls;for(vari=0;i

  6、","");getAgn[x].className=getAgn[x].className.replace("click","unclick");}if((this.className.indexOf('unclick'))!=-1){this.className=this.className.replace("unclick","");;}else{this.className+="click";}}}}首先注意三个函数（打红部分）clickMenu和function(menu)和functi

  7、on()语句一：clickMenu=function(menu)这条语句是把这两个函数绑定，相当C语言的把函数function(menu)赋予函数指针clickMenu一样，所以引用clickMenu函数实际上和i调用function(menu)函数。语句二：getEls[i].onclick=function()这条语句同样也是函数的绑定。跟上面一条语句是一样的。这里需要讲清楚的是。脚本如何控制html里面的元素的各种属性。vargetEls=document.getElementById(m

  8、enu).getElementsByTagName("LI");vargetAgn=getEls;上面是定义两个变量。在javascript里不需要指明变量是什么类型，系统会自动判断他们是什么类型。Document是文档，simple.html这张网页，在脚本语言中是代表了一个windows（窗体）,而document正好就是代表了simple.html这个窗体的所有内容(文档)。getElementById是一个通过元素的id号（ById）获取元素（getElementById），二getEl