java - 如何通过鼠标悬停和鼠标悬停向按钮添加图像？

Question

我有一个按钮，我想为该按钮添加 onmouseover 和 onmouseout 效果。 我有两张 onmouseover 和 onmouseout 效果的图像 我已经尝试过这个

<p:commandButton onmouseover="../images/add_on_18.png" 
                 onmouseout="../images/add_off_18.png" 
                 value="New" />

你能帮我吗？

更新

这个我已经试过了。没有用。 仍然没有得到正确的用户界面

XHtml 代码:

 <p:commandButton value="New" 
                  styleClass = "btnBckg" 
                  actionListener="#{routeController.createNewRoute}" 
                  update=":routeHeaderForm"/>

CSS 代码:

 .btnBckg {
        background-image: url('../images/add_off_18.png');
    }

    .btnBckg:hover {
        background-image: url('../images/add_on_18.png');
    }

Answer 1

<img src="../images/image1.png" 
     onmouseover="this.src='../images/image2.png'" 
     onmouseout="this.src='../images/image1.png'" />

希望这有帮助..:)