第二步，在适当的位置插入目录菜单

以下是引用片段： ＜TABLE borderColor=#ffffff height=25 width=150 align=left bgColor=#cccccc border=1 ＞  ＜TBODY＞ ＜TR＞     ＜TD      onmouseover="MM_showHideLayers(Layer2,,hide,Layer1,,show)"      borderColorLight=#000000 width=100 bgColor=#ccccff height=15＞       ＜DIV align=center＞＜A        onclick="MM_showHideLayers(Layer2,,hide,Layer1,,show)"        href="2#"＞网上书店＜/A＞＜/DIV＞＜/TD＞   ＜TD      onmouseover="MM_showHideLayers(Layer2,,show,Layer1,,hide)"      borderColorLight=#000000 width=100 bgColor=#ccccff height=15＞       ＜DIV align=center＞＜A        onclick="MM_showHideLayers(Layer2,,show,Layer1,,hide)"        href="1#"＞书盘目录＜/A＞＜/DIV＞＜/TD＞ ＜/TR＞ ＜/TBODY＞ ＜/TABLE＞

 

第三步，插入隐藏层的定义.

以下是引用片段： ＜DIV id=Layer1 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 12px; WIDTH: 88px; HEIGHT: 163px"   ＞ ＜TABLE borderColor=#ffffff bgColor=#ccccff borderColorLight=#000000 border=1 onmouseover="MM_showHideLayers  (Layer1,,show)" onmouseout="MM_showHideLayers(Layer1,,hide)"＞   ＜TBODY＞   ＜TR＞     ＜TD height=15＞       ＜DIV align=center＞＜A href="A#"＞最新图书＜/A＞＜/DIV＞＜/TD＞＜/TR＞   ＜TR＞     ＜TD height=15＞       ＜DIV align=center＞＜A href="S#"＞热点图书＜/A＞＜/DIV＞＜/TD＞＜/TR＞   ＜TR＞     ＜TD height=15＞       ＜DIV align=center＞＜A href="D#"＞隆重推出＜/A＞＜/DIV＞＜/TD＞＜/TR＞ ＜/TBODY＞＜/TABLE＞ ＜/DIV＞  ＜DIV id=Layer2 style="Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 85px; WIDTH: 120px; HEIGHT: 127px"   ＞ ＜TABLE borderColor=#ffffff bgColor=#ccccFF borderColorLight=#000000 border=1 onmouseover="MM_showHideLayers  (Layer2,,show)" onmouseout="MM_showHideLayers(Layer2,,hide)"＞   ＜TBODY＞   ＜TR＞     ＜TD height=15＞       ＜DIV align=center＞＜A        href="F#"＞总目录＜/A＞＜/DIV＞＜/TD＞＜/TR＞   ＜TR＞     ＜TD height=15＞       ＜DIV align=center＞＜A        href="G#"＞图书目录＜/A＞＜/DIV＞＜/TD＞＜/TR＞ ＜/TBODY＞＜/TABLE＞ ＜/DIV＞

 

到这里，你就可以看到一个完整的下拉菜单的网页特效了。

上一页  [1] [2]