2

誰かがdivを反転するためのアニメーションを手伝ってくれますか？より正確には、1つのdirectinでフリップをアニメーション化するjqueryを使用してクリック時にクラスを追加し、次のクリックで古いクラスと新しい背景画像と新しいフリップ方向の新しいクラスを削除します。

<style>
div{height:150px; width:150px; border:1px solid black; border-radius:10px;
    background-size:100% 100%;}
.face{background-image:url(http://media.businesslive.ro/wp-content/uploads/creative-monkeyz.png);}
.back{background-image:(http://media-cache-ec0.pinterest.com/avatars/artalacafea-1347781782_600.jpg)}
</style>
<div class="face"><div>

私の最初のコードの例はここにあります

4

2 に答える 2

0

これがあなたが望むものであると仮定します。

toogleClass（）を使用して、関数のクラス（'front'と'back'）を切り替えましたclick()。

これがフィドルです

$(".face").click(function(){
  $(this).toggleClass('back');
});
于 2013-01-15T09:58:41.410 に答える
-1

css3を使用すると、これを非常に簡単に行うことができます。例を次に示します。http://css3.bradshawenterprises.com/flip/

于 2013-01-15T08:31:32.583 に答える