Javascript 我应该如何使此长方体阴影有效工作？

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

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

我怎么能写这个？你能给我看一个有用资源的链接吗？或者你能给我看一段正确的代码吗？谢谢

---

[代码在这里：

在这里，我制作了一个用阴影替换边框并再次返回。如果你想的话，我也可以把它做成动画

我通过使用.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',
    });
});

---

@sandeep我还没有准备好任何东西，只有一个小的（40px高）固定位置的头部，底部有一个小边框。到目前为止就是这么简单。给我看看太赫兹码。代码请求不是问题，因此不可回答。好的，等几秒钟，只是做个小动作，谢谢…在问题中添加了小动作链接。好吧，这不是我想要的。但我真的很感谢你的时间和帮助。这给了我一个好主意+1 :)