課程
/前端開發
/HTML/CSS
/JS實現京東無延遲菜單效果
把你的代碼拷貝了一份,在網頁中不能實現效果
2018-03-27
源自:JS實現京東無延遲菜單效果 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')
})
謝謝老師,現在OK了
舉報
JS模擬京東商城無延遲菜單效果,學習菜單結構和樣式處理
1 回答老師能把代碼發給我參考參考嗎?
3 回答js代碼有嗎
1 回答為什么我在subline上寫了HTML和JS沒效果呢?
1 回答js在html中的作用
2 回答這個是原生js寫的嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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
謝謝老師,現在OK了