修改首页导航，请教玻璃屋女孩

在导航中我想做这样的效果

这里的代码是：<LI class=dropmenu id=ucappmenu onclick=showMenu(this.id)><A
  href="javascript:;">申请俱乐部</A> </LI>
调用的javascript如下：
<SCRIPT type=text/javascript></SCRIPT>
<UL class=dropmenu_drop id=ucappmenu_menu style="DISPLAY: none">
   <li><a href="cp.php?ac=mtag">申请俱乐部</a></li>
  <li><a href="space.php?do=event">活动专区</a></li>
</UL>
<SCRIPT language=javascript type=text/javascript></SCRIPT>
现在我还想要做一个这样的显示效果，但是不知道代码应该怎样写了，请指教代码应该如何写？

可以参考下header.htm文件

我有参考 可是显示出来的效果是这样的

请问 这是哪里出错了呢？
我的代码是：
<LI class=dropmenu1 id=ucappmenu1 onclick=showMenu(this.id)><A
  href="javascript:;">社区</A> </LI>
调用JavaScript
<SCRIPT type=text/javascript></SCRIPT>
<UL class=dropmenu1_drop id=ucappmenu1_menu style="DISPLAY: none">
<LI><A title=网球社区 href="http://bbs.ewtennis.com.cn" target=_blank>网球社区</A> </LI>
</UL>
<SCRIPT language=javascript type=text/javascript></SCRIPT>