点击没有翻转
为什么我的没有翻转呢 当点击的时候 class名字没有改变 还是原来的 'photo_front'
慕前端1243435
2018-12-30
1 回答
图片界面样式，
.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/150
提交
取消
