2

ボタンが1つあり、そのボタンにマウスオーバーとマウスアウトの効果を追加したいと思います。私はこれを試したonmouseoverとonmouseout効果の両方の2つの画像を持っています

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

手伝って頂けますか？

アップデート

私はこれを試しました。役に立たない。それでも適切なUIを取得できません

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

2 に答える 2

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

お役に立てれば.. ：）

于 2012-12-19T07:43:32.133 に答える
1

さて、CSSはどうですか？に追加styleClassし、p:commandButton次のように外部スタイルシートのCSSでスタイルを設定します。

フェイスレットコード：

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

CSSコード：

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

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

それはあなたが望むものですか？

于 2012-12-19T13:47:12.893 に答える