我该如何使这个盒子阴影有效地工作？

Question

我的网站上有一个小的固定位置标题。它的底部有一个阴影。 这一切都很好，但我觉得如果标题最初会有一个边框（当页面加载时）会更好看，当用户向下滚动时，阴影会出现，边框会消失。

此外，我也希望这个过程能够倒退。因此，当用户向上滚动到顶部时，阴影消失并出现边框。

我怎么写这个？你能告诉我一个有用资源的链接，或者你能为它显示正确的代码吗？谢谢......

[代码在这里：http://jsfiddle.net/dp8fG/3/]

Answer 1

在这里，我做了一个用阴影替换边框然后再回来。如果你愿意，我也可以制作动画。

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',
    });
});