abstract:jQuery三级下拉菜单 $(document).ready(function(){
//隐藏二级三级菜单
$(".twobox").hide()
$(".three").hide()
//鼠标移动到包含二级菜单的一级菜单时显示
$(".one>li").mouseover(function(){
$(this).find(".twobox").slideDown(500)
})
//鼠标移除时隐藏
$(".one>li").mouseleave(function(){
$(this).find(".twobox").slideUp(500)
});
//当鼠标移动到包含三级菜单的二级菜单时显示
$(".two").mouseover(function(){
$(this).find(".three").slideDown(500)
})
//当鼠标移除时隐藏
$(".two").mouseleave(function(){
$(this).find(".three").slideUp(500)
})
})
//.find()遍历 .mouseover鼠标移动 .mouseleave鼠标移除 .slideDown()滑动方式 .slideUp()滑动方式隐藏
//老师你好 为什么我写出来的在滑动的那一瞬间有些卡顿
//总结 在html方面出现卡壳 浪费了很多时间 在jQuery方面比较稳定
Correcting teacher:天蓬老师Correction time:2018-11-27 17:54:20
Teacher's summary:下级下拉菜单的要点是判断当前的状态,智能分析用户的行为,对jquery的常用事件要多多熟悉