我應該如何使這個盒子陰影有效地工作？

-2

我在我的網站上有一個小的固定位置標題。它的底部有一個影子。這一切都很好，但我認爲如果頁眉最初有一個邊框（當頁面加載時）並且用戶向下滾動陰影會出現並且邊框會消失時，它會更好看。我應該如何使這個盒子陰影有效地工作？

另外我希望該過程也可以向後工作。所以當用戶滾動到頂部時，陰影消失，邊框出現。

我怎麼寫這個？你能告訴我一個有用的資源的鏈接，或者你可以展示它的正確的一段代碼嗎？謝謝...

[代碼是在這裏：http://jsfiddle.net/dp8fG/3/]

來源

2011-10-01 Akos

你的代碼在哪裏？ – sandeep

@sandeep我還沒有真正準備好，只有一個很小（40px的高度）和底部有一個小邊框的固定位置標題。到目前爲止，這是很簡單的。 – Akos

Showz me thz codez。代碼請求不是問題，因此它不可回答。 – Shef

在這裏，我做了一個與陰影並再次替換的邊界。如果你願意，我也可以製作動畫。

http://jsfiddle.net/dp8fG/4/

我使用.hover事件和修改使用jQuery的CSS這樣做。

$("#header").hover(function(){ 
    //Things to happen on mouseover 
    $(this).css({ 
     'html element':'modifier', 
    }); 
},function(){ 
    //Things to happen on mouseout 
    $(this).css({ 
     'html element':'modifier', 
    }); 
});

來源

2011-10-01 09:30:38

嗯，這不完全是我想要的。但我真的很感激你的時間和幫助。這給了我一個好主意...... +1 :) – Akos

我應該如何使這個盒子陰影有效地工作？

回答

相關問題