點擊沒有翻轉
為什么我的沒有翻轉呢???當點擊的時候?class名字沒有改變?還是原來的?'photo_front'
慕前端1243435
2018-12-30
1 回答
舉報
0/150
提交
取消
2019-01-02
圖片界面樣式，
.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");
}
})