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

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

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

具體代碼如下

<script type="text/javascript">

$(document).ready(function(){

  //隱藏二級(jí)與三級(jí)下拉菜單

    $('.twobox').hide()

    $('.three').hide()

  //當(dāng)鼠標(biāo)移動(dòng)到包含二級(jí)菜單的一級(jí)菜單時(shí)顯示當(dāng)前二級(jí)菜單

            $('.one>li').mouseover(function(){

            $(this).find('.twobox').slideDown(500)

            })

  //當(dāng)鼠標(biāo)移出包含二級(jí)菜單的一級(jí)菜單時(shí)隱藏當(dāng)前二級(jí)菜單

            $('.one>li').mouseleave(function(){

            $(this).find('.twobox').slideUp(500)

            })

  //當(dāng)鼠標(biāo)移動(dòng)到包含三級(jí)菜單的二級(jí)菜單時(shí)顯示當(dāng)前三級(jí)菜單

            $('.two').mouseover(function(){

            $(this).find('.three').slideDown(500)

            })

  //當(dāng)鼠標(biāo)移出包含三級(jí)菜單的二級(jí)菜單時(shí)隱藏當(dāng)前三級(jí)菜單

  $('.two').mouseleave(function(){

  $(this).find('.three').slideUp(500)

  })

})

</script>

Guru membetulkan：天蓬老師Masa pembetulan：2018-11-27 17:25:36
Rumusan guru：提二點(diǎn)建議: 1. 將代碼放在代碼塊中,再提交; 2. 附一個(gè)執(zhí)行效果圖