www.2566.com

www.2566.com

028-85954568

如何在网页中加入一些菜单呢

没想过在你的网页中加入菜单吗?你实在应该试一试,让鼠标移动或点击页面上的 菜单栏时象WINDOWS那样弹出一个下拉菜单,噢!"这个世界清静了"。下面说一说 几种常用的菜单设计方法。1.采用图层的方式来设计菜单效果:当鼠标移动上去时弹出相应的子菜单,离开菜单条或点击子菜单选项后及 时关闭所有的子菜单。(1).先创建一个LAYER"MENUBAR"作为你的菜单栏,Z-INDEX: (2).在LAYER“MENUBAR”中加入表格,规定好菜单条内容比如有三项,每项对 应一个LAYERMOREMENU#,并将之隐藏,在菜单条中定义相应事件onMOUSEOVER, 使子菜单SHOW出来,在子菜单MOREMENU#中定义相应的链接和属性隐藏,并且定 义事件onMOUSEUP以关闭子菜单。然而这样做的结果是,当鼠标打开了一个子菜 单,而又没有点击其中的链接,子菜单就会在页面中保留下来,只有重新在菜单 中激活onMOUSEOVER才能关闭。这未免有点遗憾,在新网ChinaDns.com的主页中(http://www.chinadns.com/)中采用了在子菜单MOREMENU#中加入一个链接(右上 角的那个黑叉)来关闭子菜单,这也是一种解决方法。不过这种方法你必须要完 成鼠标点击的操作,怎样完成鼠标移动后的自动关闭呢?实际上你只需要在 LAYER“MENUBAR”的下面紧接着再定义一个LAYER,高度只需要很小,宽度则 要与你的MENUBAR一样宽,Z-INDEX:1(只要比LAYER”MENUBAR“的Z-INDEX值 小就行),在其中定义事件onMOUSEOUT为关闭各个子菜单。这样在页面中这个 LAYER是看不见的,当你的鼠标离开MENUBAR或是MOREMENU#后,实际上你的鼠标 首先要经过这个LAYER,开始实行它的onMOUSEOUT。这样你就不用担心这些子菜 单老是留在网页上碍眼了。效果:类似于TAB的菜单栏先要做好大小一样的图标,将它按TAB的形状排列,在它的下面设计好数个图层 ,大小都一样,位置也都一样,这样就产生了重叠效果,将对应于TAB1的图层 LAYER1先设为SHOW,以作为默认的层面,而其它的则隐藏。在TAB1的图片中设置 onMOUSEUP,将LAYER1显示,其它隐藏,在TAB2的图片中同样设置onMOUSEUP,将 LAYER2显示,而其它隐藏,以此类推。当然你还可以顺便把TAB的图片换一换, 不过最好大小不变。2.采用表格的方式来设计菜单效果:当点击菜单栏时,自动向下或是向右展开子菜单项,而相邻的菜单向下向后 顺延,再点击还原。首先创建一个COL1,ROW2的表格,第一行作为菜单栏,在第二行中再创建一个 COL1,ROWX的表格,这里关键是要定义第二个表格的ID和STYLE的DISPLAY属性 ,例如将ID定为MENU1,STYLE的DISPLAY属性则必须定为NONE,因为要将它先隐 藏起来。现在你要head之间定义一个函数,就象下面这个样子:
优优科技版权所有,未经允许不得转载
XML 地图 | Sitemap 地图