怎么把 “本书宗旨”那几个字改成按钮

<script>
function m_over(mmObj) {
var mSubObj = mmObj.getElementsByTagName("div")[0];
mSubObj.style.display = "block";
mSubObj.style.backgroundColor = "#BEBEBE";
}
function m_out(mmObj) {
var mSubObj = mmObj.getElementsByTagName("div")[0];
mSubObj.style.display = "none";}
</script></head><body>
<div onmouseover="m_over(this)" onmouseout="m_out(this)" style="width:50px;position:relative;">本书宗旨<div style="width:50px;height:20px;display:none;position:absolute;margin:0px;padding:0px;">
         <a href="1.html">1隐藏部分</a>
    </div>
</body>
怎么把   本书宗旨  那几个字改成按钮并且能实现鼠标经过显示文字的功能？