个人觉得用CSS实现随移随显比较方便,但这样体验并不好,所以很多方案会加入延时淡出,那么用CSS实现延时淡出需要用到Animate,在hover之后延迟一段时间再触发隐藏动画帧即可实现,是不是有点晕?哈哈,不过用JavaScript就方便很多啦!直接定时器。
2015-08-25
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssooooooooooooooooooo
2015-08-25
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssooooooooooooooooooo
2015-08-25
onmouseover 鼠标移动 show()
onmouseout 鼠标移开 hide()
function showsubmenu(li){
var submenu=li.getElementsByTagName("ul")[0];//获取li后的ul标签名
submenu.style.display="block";
function hidesubmenu(li){
var submenu=li.getElementsByTagName("ul")[0];//获取li后的ul标签名
submenu.style.display="none";
}
}
onmouseout 鼠标移开 hide()
function showsubmenu(li){
var submenu=li.getElementsByTagName("ul")[0];//获取li后的ul标签名
submenu.style.display="block";
function hidesubmenu(li){
var submenu=li.getElementsByTagName("ul")[0];//获取li后的ul标签名
submenu.style.display="none";
}
}
2015-08-25
“请问下三级菜单数目大于二级菜单数目时,三级菜单数目不能完全显示”这个问题,有可能是你包含导航菜单的div模块设置的高度或者宽度不够。一般一个块只设置宽度,不设置高度,这样就能使宽度能随着内容进行扩充。
2015-08-21
一级菜单不用设置position属性,二级菜单在初始状态下会保留在一级菜单下方对齐;然后设置二级菜单的position属性为:relative,设置对应三级菜单的position属性为:absolute;(注意,竖着排列的二级菜单下的三级菜单要分别设置一个id,然后再使用这个id为对应的三级菜单设置位置属性,如果统一设置的话,不同位置的二级菜单对应的三级菜单的位置会不同。)
2015-08-21