文章作者 100test 发表时间 2007:01:15 18:13:46
来源 100Test.Com百考试题网
------------------------------------------------------ 菜单实例 style="margin-left:12px.margin-top:16px."> cellpadding=0 cellspacing=0 width=90% height=20 bgcolor=#CCCCCC>菜单实例 上两行为菜单中显示的文字,注意这里面的事件触发: onmouseover="menuShow(menu01)" 鼠标经过时显示菜单; onmouseout="menuHide(menu01)" 鼠标移走时隐藏菜单。 参数menu01即要显示的菜单的id,将在接下来的代码中看到。 menuShow与menuHide分别为显示、隐藏菜单方法,将在后面定义。 以上三行,定义了菜单的一些属性,注意“id=menu01”,前面提到过。 position、top、left、display四个CSS属性即上一章讲过的; width、height、background-color分别为宽度、高度、背景色。 这里再一次出现onmouseover="menuShow(this)" onmouseout="menuHide(this)", 就是说当鼠标从菜单按钮上移开,如果是移到了菜单上,菜单仍然显示。 注意这里参数是this而不是menu01,this即对象本身,在这里就是指menu01,所以结果相同。 在这里笔者有意使用this,只是想告诉大家一个技巧,这在很多时候非常方便。language=javascript> function menuShow(menu) //定义显示菜单的方法,参数menu即菜单的id。 { menu.style.display= block . //注意这里如何用javascript改变style对象的属性来达到改变CSS属性的目的。 } function menuHide(menu) //定义隐藏菜单的方法,参数menu即菜单的id。 { menu.style.display= none . //同上 }
菜单内容