2013-04-29 55 views
0

我想做一個頁面的網站,其左側菜單固定,其內容在右側..如何使一個頁面網站的div更改背景顏色變化?

我想要不同的菜單的身體背景顏色..它也應該爲上滾和向下滾動也工作...

同時也可作爲菜單更改了菜單應突出...

http://mailchimp.com/2012/#!/section/ 請檢查該網址。我想使這個網站相同的東西..

有沒有任何插件,使這種類型的網站?

請儘早答覆越好.. 在此先感謝...

+0

通過它們的源Mailchimp去與jQuery + CSS過渡做到了自己。 – basarat 2013-04-29 07:21:58

+0

@BasaratAli:對不起,我沒有..? – 2013-04-29 07:23:40

回答

2

你應該聽你的菜單項的單擊事件,並更改背景顏色爲你的身體。您可以爲每個格的顏色存儲在data屬性:

$('.menu_item').on('click', function(){ 
    var newColor = $(this).data('color'); 
    $('body').css('background-color', newColor); 
}); 
+0

它將工作向下滾動,向上滾動也??? – 2013-04-29 07:22:12

+0

是的,你應該監聽滾動事件:'$(document).on('scroll',function(){...});' – gabitzish 2013-04-29 07:28:49

+0

@gabitzish漂亮優雅的解決方案+1 – basarat 2013-04-29 12:04:54