Javascript 在鼠标上方添加边框，在鼠标上方删除边框

我对Javascript非常陌生，我有一项工作要求我在onmouseover中为有序列表添加边框，而onmouseout则删除边框，希望它位于按钮上方。我不知道如何做到这一点，我真的需要一些帮助，而且，跛脚的部分是，它必须在Javascript和非其他编码语言。 到目前为止，我得到了有史以来最简单的东西：/

<script>
// Border
function border() {
}

</script>

及

我不知道该怎么做，如果我能得到任何帮助，我将不胜感激！非常感谢。

中的代码将对您有所帮助

基本上，您需要监听onmouseover事件来添加边框，监听onmouseout事件来删除边框。我希望这有助于：

<div> 
<button type="button" id="b1" class="button" onmouseover="border()">Button 1</button>

</div>