原创[2006年06月14日]编辑可爱的会跳出跳入的动态..
时间:2006-06-15 来源:再见还是雨冬
我们常常可以看到一些网站的左边处有一个可以弹出的小菜单.我第一次看到可爱的它时,真是对创造它的作者崇拜到五体投地,这..这..这..是怎么做到的.IE也可以支持这样子显示的吗?
或者大伙看了这些还不清楚我在说什么.看一下雨冬原创的两张小图就清楚了.
一、菜单关闭时。
二、菜单打开时。
嗯,我们要做的菜单的效果就是这样。
今天,由于时间不早了,我们先分析一下这个效果的原理。
其实这又是一个骗人的把戏,哈哈。
第一点。这个MENU其实是一个TABLE。这个TABLE与我们平时使用的TABLE是结构是一样的。只要把TABLE合理地分切就可以成为我们需要的MENU了。
第二点。MenuTable不可以像普通TABLE那样创建,必须使用JavaScript,在程序执行时,实时地画出这个TABLE。如何画?我也是今天才知道,用document.write()方法。
example:(在这写代码,显示有问题,我就粘图片算了)
第三点。通过修改TABLE的位置,可以实现显示与隐藏的效果。
第四点。IE窗的左边和顶的位置才可以藏得了这个菜单,另两个边不管菜单移到什么位置,都隐藏不了。因为IE在这两边有无限长的滚动条(简直无敌了)。
第五点。可以通过TR来监听MOUSE的动作,方法是onmousemove.这样就可以通知菜单动作。
现在主要是解决了第三点和第五点,基本上实现这个可爱的菜单是没有问题的了。这个解决方法留到下一节去讨论了,呵呵,睡觉去。