websphere portal新手入门--动态下拉菜单的实现

一. 修改说明：

       一级菜单横式，去掉二级菜单预留空白，二级三级菜单竖式。

       二级菜单在选择一个菜单后自动隐藏。

 

涉及到的文件coolmenu4.js,PlacebarInclude.jsp

 

 

二.coolmenu4.js修改部分   204行  case 3:  y+=m.h+by; x=0; break;

                     改为：case 3:  y+=m.h+by; break;

 

三. PlacebarInclude.jsp修改部分      

1.将文件最底部的（去掉二级菜单预留空白）

              <tr bgcolor="#336699">

                     <td height="21" width="100%" valign="bottom"                              colspan="2"></td>

              </tr>

删除

2.将修改成（自动隐藏二级菜单）

              <script>

              oCMenu2.construct()                 

              </script>

修改成

              <script>

                //oCMenu2.construct()                   

              </script>

3.将（固定菜单块大小）

 

       String levelWidth = "";

       if (intStringLength <= 7) {

              intExtraWidth = 8;

              //原始值为7%

              levelWidth = "8%";

       } else {

              if (intStringLength <= 12) {

                     intExtraWidth = -2;

                     //原始值为9%

                     levelWidth = "10%";

              } else {

                     if (intStringLength <= 16) {

                            intExtraWidth = -25;

                     levelWidth = "12%";

                     } else if (intStringLength <= 20) {

                            intExtraWidth = -35;

                     levelWidth = "14%";

                     } else if (intStringLength <= 24) {

                            intExtraWidth = -35;

                     levelWidth = "16%";

                     } else {

                            intExtraWidth = -35;

                     levelWidth = "19%";

                     }

              }

       }

 

这一部分用    String levelWidth = "10%";替换

 

4.           （菜单修改为竖式）

oCMenu.level[0].rows=1

修改为  oCMenu.level[0].rows=0

 

5.           （三级菜单对齐方式）

oCMenu.level[1].align="bottom"

修改为：       oCMenu.level[1].align="right" 

6.           oCMenu.level[0].offsetY=0

修改为  oCMenu.level[0].offsetY=-1