我的方法:
1,如何让菜单滚动的弹出?
这样:
i++
menu1.style.width=i
menu1.stye.height=i*1.5
可是我们知道,如果层中有了内容,那么即使将层的宽度和高度都设为0,层也自动扩大
到能够显示内容的宽度,所以,我们让层的宽和高的值递加是不行地。
所以我想到了clip。clip可以让层按照一定的范围显示和隐藏,于是就有了这个:
z=z+5
clipTop=0
clipLeft=0
clipRight=z
clipBottom=z*1.5
div2.style.clip="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
让clip的范围逐渐增大,使得层有逐渐显示出来的效果。
2,还有一个问题:
子菜单的横坐标=主菜单的横坐标+主菜单的宽度(100)
即:menu2.style.left=menu1.style.left+100
而menu1.style.left的值是xxx px !
~~~~~ 还带了一个 px (像素)
所以这样写:menu2.style.left=parseInt(menu1.style.left)+100
~~~~~~~~~~~~~~~~~ 将单位 px 去掉,取得宽度的数值。
源代码写的有点乱,注释也不详细,如有疑义,欢迎回复。