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

Question

这是专业人士如何做到的吗？在一个文件中的所有内容，我需要做一个学校项目;我可以使用JavaScript来隐藏和显示内容。例如。我有一个约和联系页面，所以使用JavaScript我会通过它切换（显示块和无），但我希望过渡有一个动画专门滑动，所以我会怎么做？

Answer 1

这里有值的例子都可以animatet

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