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

Question

专业人士是如何做到的？所有内容都在一个文件中，我需要做一个学校项目;我可以使用javascript来隐藏和显示内容。对于前者我有一个关于和联系页面，所以使用javascript我将切换它（显示块和没有），但我希望转换具有专门幻灯片的动画，所以我将如何做？

Answer 1

此处的示例包含值的所有内容都可以是animatet

＆＃13;

＆＃13;

.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;
}

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;