javascript - 将所有不同的页面放在一页中

Question

专业人士是这样做的吗？一个文件的所有内容，我需要做一个学校元素；我可以使用 javascript 来隐藏和显示内容。对于前。我有一个关于和联系页面，所以我将使用 javascript 在它之间切换(显示 block 和无)，但我希望转换有一个专门的动画幻灯片，那么我该怎么做呢？

Answer 1

这里有一个例子，所有有值的东西都可以被动画化

.animation {
  position: relative;
  display: initial;
  padding: 20px;
  float: left;
  clear: both;
}
.animation:after {
  content: "";
  width: 10px;
  height: 10px;
  background: blue;
  transition: 0.4s;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.fail:after {
  display: none;
}
.fail:hover:after {
  display: block;
}
.success:after {
  height: 0;
  width: 0;
  opacity: 0;
  transform: translateY(-50%) rotate(0deg);
  display: block;
}
.success:hover:after {
  width: 10px;
  height: 10px;
  opacity: 1;
  transform: translateY(-50%) rotate(360deg);
  display: block;
}

<div class="animation fail">Failing to animate</div>

<div class="animation success">Animatet</div>