課程
/前端開發(fā)
/HTML/CSS
/JS實現(xiàn)京東無延遲菜單效果
為什么我的效果是反的,在左邊列表項移動時,背景色和二級菜單的切換變延遲了,但是移到二級菜單時,二級菜單卻消失了
2017-05-15
源自:JS實現(xiàn)京東無延遲菜單效果 4-1
正在回答
$(document).ready(function() {
? var sub = $('#sub')
? var activeRow
? var activeMenu
? var timer
? var mouseInSub = false
? sub.on('mouseenter',function(e){
? ? mouseInSub = true
? }).on('mouseleave',function(e){
? ? mouseInSub = false
? })
? $('#test')
? ? .on('mouseenter', function(e) {
? ? ? sub.removeClass('none')
? ? })
? ? .on('mouseleave', function(e) {
? ? ? sub.addClass('none')
? ? ? if (activeRow){
? ? ? ? activeRow.removeClass('active')
? ? ? ? activeRow = null
? ? ? }
? ? ? if (activeMenu) {
? ? ? ? activeMenu.addClass('none')
? ? ? ? activeMenu = null
? ? .on('mouseenter', 'li', function(e) {
? ? ? if (!activeRow){
? ? ? ? activeRow = $(e.target).addClass('active')
? ? ? ? activeMenu = $('#' + activeRow.data('id'))
? ? ? ? activeMenu.removeClass('none')
? ? ? ? return
? ? ? if (timer) {
? ? ? ? clearTimeout(timer)
? ? ? }?
? ? ? ?timer = setTimeout(function(){
? ? ? ? if (mouseInSub) {
? ? ? ? ? return
? ? ? ? }?
? ? ? ? activeRow = $(e.target)
? ? ? ? activeRow.addClass('active')
? ? ? ? timer = null
? ? ? ?},300)
? ? ??
})
我的也是一樣 ?怎么辦?
一級菜單 時而選中 時而選不中,在一級菜單中 delay 時而FALSE 時而TRUE
出現(xiàn)同樣的問題:左邊一級菜單上下滑動時二級菜單會跟隨切換;但是,從一級菜單向右移動到二級菜單時,二級菜單消失不顯示,求解答?
貼出你的代碼看看。
舉報
JS模擬京東商城無延遲菜單效果,學(xué)習(xí)菜單結(jié)構(gòu)和樣式處理
1 回答二級菜單消失
3 回答不能從一級菜單平移到二級菜單
2 回答為什么我的一級菜單和二級菜單沒有對齊
2 回答二級菜單顯示不了?
1 回答怎么寫二級菜單
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-12-04
$(document).ready(function() {
? var sub = $('#sub')
? var activeRow
? var activeMenu
? var timer
? var mouseInSub = false
? sub.on('mouseenter',function(e){
? ? mouseInSub = true
? }).on('mouseleave',function(e){
? ? mouseInSub = false
? })
? $('#test')
? ? .on('mouseenter', function(e) {
? ? ? sub.removeClass('none')
? ? })
? ? .on('mouseleave', function(e) {
? ? ? sub.addClass('none')
? ? ? if (activeRow){
? ? ? ? activeRow.removeClass('active')
? ? ? ? activeRow = null
? ? ? }
? ? ? if (activeMenu) {
? ? ? ? activeMenu.addClass('none')
? ? ? ? activeMenu = null
? ? ? }
? ? })
? ? .on('mouseenter', 'li', function(e) {
? ? ? if (!activeRow){
? ? ? ? activeRow = $(e.target).addClass('active')
? ? ? ? activeMenu = $('#' + activeRow.data('id'))
? ? ? ? activeMenu.removeClass('none')
? ? ? ? return
? ? ? }
? ? ? if (timer) {
? ? ? ? clearTimeout(timer)
? ? ? }?
? ? ? ?timer = setTimeout(function(){
? ? ? ? if (mouseInSub) {
? ? ? ? ? return
? ? ? ? }?
? ? ? ? activeRow.removeClass('active')
? ? ? ? activeMenu.addClass('none')
? ? ? ? activeRow = $(e.target)
? ? ? ? activeRow.addClass('active')
? ? ? ? activeMenu = $('#' + activeRow.data('id'))
? ? ? ? activeMenu.removeClass('none')
? ? ? ? timer = null
? ? ? ?},300)
? ? ??
? ? })
})
我的也是一樣 ?怎么辦?
2017-06-29
一級菜單 時而選中 時而選不中,在一級菜單中 delay 時而FALSE 時而TRUE
2017-06-21
出現(xiàn)同樣的問題:左邊一級菜單上下滑動時二級菜單會跟隨切換;但是,從一級菜單向右移動到二級菜單時,二級菜單消失不顯示,求解答?
2017-05-16
貼出你的代碼看看。