html 图片翻转
var Lb = false; var Ub = false; function rotate(obj) { if (obj == "L") { if (Lb == false) { //第一次 document.getElementById("img1").classList.add("flipx"); } else { document.getElementById("img1").classList.remove("flipx"); } Lb = !Lb; } if (obj == "U") { if (Ub == false) { //第一次 document.getElementById("img1").classList.add("flipy"); } else { document.getElementById("img1").classList.remove("flipy"); } Ub = !Ub; } }
/*水平翻转*/ .flipx { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); /*IE*/ filter: FlipH; } /*垂直翻转*/ .flipy { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); /*IE*/ filter: FlipV; }