针对织梦产品中心的jquery下拉菜单

针对织梦产品中心的jquery下拉菜单
    function DropDown(menuItem,menuDown) {

      this.menuItem = menuItem // 移入菜单

      this.menuDown = menuDown // 下拉盒子

      this.inMenu = ()=>{

        //鼠标移入下拉子菜单

        this.menuDown.slideDown()

      }

      this.outMeun=()=>{

        //鼠标移出时监听鼠标位置,不在下拉菜单内则隐藏并一处鼠标位置监听

        $(document).on('mousemove',(e)=>{

          let minHeight = this.menuDown.offset().top

          let maxHeight= minHeight + this.menuDown.outerHeight()

          flagY = e.pageY > minHeight &&  e.pageY< maxHeight

          if(!flagY) {

            this.menuDown.slideUp()

            $(document).off() // 移除监听鼠标移动

          }

        }

        )

      }

      this.init = (minHeight,MaxHeight)=>{

        this.menuItem.hover(this.inMenu,this.outMeun)

      }

    }

    const menuFn = new DropDown($($('.webnav .container .nav').children('li')[2]),$('.menu_son'))

    menuFn.init()

发表评论

电子邮件地址不会被公开。 必填项已用*标注