个人觉得用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