个回答

• 慕侠2155777

  2019-01-02 14:58:42

  图片界面样式，

  .photo-front .photo-wrap .side-front{

  -webkit-transform: rotateY(360deg);

  }

  .photo-front .photo-wrap .side-back{

  -webkit-transform: rotateY(180deg);

  }

  描述界面样式

  .photo-back .photo-wrap .side-front{

  -webkit-transform: rotateY(180deg);

  }

  .photo-back .photo-wrap .side-back{

  -webkit-transform: rotateY(0deg);

  }

  通过点击含有photo这个类的标签 动态来回添加.photo-front和.photo-back

  jq代码

  $(".photo").click(function(){

  if($(this).hasClass("photo-front")==true){

  $(this).removeClass("photo-front");

  $(this).addClass("photo-back");

  }else{

  $(this).addClass("photo-front");

  $(this).removeClass("photo-back");

  }

  })

  
  

  0