abstract：首先使用css將一二三級菜單分別放在要顯示的位置，然后使用JQuery head（）方法將其都隱藏起來之后在使用slideDown（）與mouseover（）方法設置其怎樣顯示之后再使用slideUp（）方法與mouseleave（）方法設置其怎樣消失具體代碼如下<script type="text/javascript"> $(document).ready(f

首先使用css將一二三級菜單分別放在要顯示的位置，然后使用JQuery head（）方法將其都隱藏起來之后在使用slideDown（）與mouseover（）方法設置其怎樣顯示

之后再使用slideUp（）方法與mouseleave（）方法設置其怎樣消失

具體代碼如下

<script type="text/javascript">

$(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)

  })

})

</script>

Correcting teacher：天蓬老師Correction time：2018-11-27 17:25:36
Teacher's summary：提二點建議: 1. 將代碼放在代碼塊中,再提交; 2. 附一個執(zhí)行效果圖