Question

因为我需要在我的软件中编码html，所以我need only pure javascript进行翻转。

请不要使用CSS动画或Jquery动画，只能使用纯javascript。

需要类似于：http://pingmin-tech.com/flipcardjs

在这里找到了一个解决方案：的 DEMO

但如果我与http://pingmin-tech.com/flipcardjs

类似，那会更好

Answer 1

在您的HTML代码之前的

javascript。

这个链接就是你在下面评论时给我的答案： https://jsfiddle.net/ws7054r2/

#card {
  display: block;
  width: 50px;
  height: 50px;
  padding: 25px;
  background-color: black;
  color: white;
  font-family: 'Arial', sans-serif;
}

<script>
  var k = 0;

  function flip() {
    var j = document.getElementById("card");
    k += 180;
    j.style.transform = "rotatey(" + k + "deg)";
    j.style.transitionDuration = "0.5s"
  }
</script>
<div id="card" onmouseover="flip()">sample text</div>

Answer 2

Buddy如果你想要链接中给出的相同内容那么你必须使用jQuery文件和给定的css。

使用文件有什么问题？

您提供的链接包含完整的代码和演示，可以执行您想要的操作，只需使用它即可。

与实现您想要的任何其他替代方式相比，它要好得多。

纯Javascript for Image或DIV翻转

2 个答案: