我正在研究這個新的wordpress主題，現在我有以下問題。如果你看這裏：http://www.client-szs.nl/fatih你會看到主菜單。如果我點擊或懸停在上面，比方說博客，我想要ul背景更改並移動到單詞博客。這也適用於菜單中的其他項目。所以每一個李有不同的背景位置。我到處尋找，但似乎無法找到一個好的解決方案。當li懸停或活動時更改ul背景

謝謝advange，

跋

來源

2013-06-26 Bas Schreuder

沒有什麼真的很重要，因爲我不知道任何js或很多的PHP，所以主要是CSS/HTML，但這是永遠不會工作。我剛剛在想，用Google搜索和問朋友：D –

http://jsbin.com/emexug/1/edit –

更簡單的方法，如果你喜歡，就只能使用CSS，請參見DEMO http://jsfiddle.net/yeyene/DZRUu/

使用這些CSS，你的活動菜單將被改變像DEMO。

.mainnav ul { 
    background:#D11F28; 
    background-position: -730px 0px; 
    background-repeat: no-repeat; 
    border: 0px solid; 
    min-height: 48px; 
    margin: 0px; 
    padding: 0px 8px 0px 8px; 
    width:100%; 
} 
.mainnav ul li { 
    font-family: 'Rokkitt', serif; 
    display: inline-block; 
    list-style-type: none; 
    font-size: 23px; 
    line-height: 30px; 
    padding:9px 5px; 
    width: auto; 
    margin-right: 3%; 
} 
.mainnav ul li a{ 
    text-decoration:none; 
    color:#fff;  
} 
.mainnav ul li.current_page_item a{ 
    text-decoration:none; 
    color:#D11F28;  
} 
.mainnav ul li.current_page_item{ 
    background:#F2F2F2;  
}

來源

2013-06-26 02:31:33 yeyene

也許這是我，但我不明白你的意思嗎？這不僅僅是改變李的背景嗎？我需要它來改變李的背景，當一個李被盤旋並活躍起來時。再次，也許我在這裏失去了一些東西：D –

你正在使用WP，對。你想在任何活動中移動白色背景，正確。我建議不是移動ul背景（斜坡白色背景），而是使用css白色背景。（如果你喜歡。）因爲你需要檢測li活動，但是ul沒有任何活動狀態，只有li有。這就是爲什麼。 – yeyene

你的背景是在這裏... http：//www.client-szs.nl/fatih/wp-content/themes/fatih1/images/mainnav_bg.png ...如果你移動這個，其他李（在前面活動李）將是白色的背景。 – yeyene

您可以使用jQuery做這個：

$('li').hover(function() { //mouseover 
    $('ul').css('background', '#000'); 
}, function() { //mouseout 
    $('ul').css('background', '#fff'); 
});

觀測數據：代碼沒有進行測試。

來源

2013-06-26 03:01:22

謝謝，我會檢查出來的！ –

當li懸停或活動時更改ul背景

回答

使用這些CSS，你的活動菜單將被改變像DEMO。

相關問題