0

HTMLに更新ボタンがあり、クリックするとそのボタンの画像を回転させたいです。次のようにcssを使用して効果を作成しました。

 input.button_refresh {

margin-left: 600px;
background: url("../images/refresh.JPG") 0 0 no-repeat scroll ;
background-position: right;
font-weight: bold;
background-color: rgb(80,140,210);
display: inline-block;
cursor: pointer;
height: 20px; /* height of the background image */
width: 70px; /* width of the background image */
color: threedface;
border-radius: 6em;
 }

HTML

<input type="image" name="Refresh" value="Refresh" class="button_refresh" onclick="window.location.reload()" />
4

2 に答える 2

0

これを試して

input.button_refresh:active {
  background: url("../images/otherImage.JPG") 0 0 no-repeat scroll ; /* other image or rotated image */
}

このデモをチェックしてください

編集：デモを追加

于 2012-07-24T09:44:25.967 に答える
0

こんにちは、エイリアンの道をたどることができると思います。それに加えて、特定の css クラスを呼び出して、フラグを保持し、それに応じて画像を回転させることができます。

于 2012-07-24T09:32:08.883 に答える