課程
/前端開發(fā)
/HTML/CSS
/JS實現(xiàn)京東無延遲菜單效果
把你的代碼拷貝了一份,在網(wǎng)頁中不能實現(xiàn)效果
2018-03-27
源自:JS實現(xiàn)京東無延遲菜單效果 3-1
正在回答
$(document).ready(function() {
? var sub = $('#sub')
? var activeRow
? var activeMenu
? $('#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
? ? ? activeRow.removeClass('active')
? ? ? activeMenu.addClass('none')
? ? ? activeRow = $(e.target)
? ? ? activeRow.addClass('active')
? ? ? activeMenu = $('#' + activeRow.data('id'))
? ? ? activeMenu.removeClass('none')
})
謝謝老師,現(xiàn)在OK了
舉報
JS模擬京東商城無延遲菜單效果,學習菜單結(jié)構(gòu)和樣式處理
1 回答老師能把代碼發(fā)給我參考參考嗎?
3 回答js代碼有嗎
1 回答為什么我在subline上寫了HTML和JS沒效果呢?
1 回答js在html中的作用
2 回答這個是原生js寫的嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-04-20
$(document).ready(function() {
? var sub = $('#sub')
? var activeRow
? var activeMenu
? $('#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
? ? ? }
? ? ? activeRow.removeClass('active')
? ? ? activeMenu.addClass('none')
? ? ? activeRow = $(e.target)
? ? ? activeRow.addClass('active')
? ? ? activeMenu = $('#' + activeRow.data('id'))
? ? ? activeMenu.removeClass('none')
? ? })
})
2018-04-22
謝謝老師,現(xiàn)在OK了