st

4 years ago · 768db25586
parent 2522406573
commit 768db25586
4 changed files with 51 additions and 1 deletions
--- a/stage.css
+++ b/stage.css
@ -0,0 +1,12 @@
 .act {
    display: none;       
 }
 body.act1 #act1{
    display:block;   
 }
 body.act2 #act2{
    display:block;   
 }
 body.act3 #act3{
    display:block;   
 }
--- a/stage.html
+++ b/stage.html
@ -0,0 +1,19 @@
 <!DOCTYPE html>
 <html lang="en-US">
 <head>
    <title>stage</title>
    <link rel="stylesheet" href="stage.css">
 </head>
 <body >
    <button id="bact1">act1</button> <button id="bact2">act2</button>  <button id="bact3">act3</button>
    <div id="act1" class="act"> act1</div>
    <div id="act2" class="act"> act2</div>
    <div id="act3" class="act"> act3</div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="stage.js"></script>
 </body>
--- a/stage.js
+++ b/stage.js
@ -0,0 +1,20 @@
 $("button#bact1").click(function(){
    $("body")
        .removeClass("act1 act3 act2")
        .addClass("act1");
 })
 $("button#bact2").click(function(){
    $("body")
        .removeClass("act1 act3 act2")
        .addClass("act2");
 })
 $("button#bact3").click(function(){
    $("body")
        .removeClass("act1 act3 act2")
        .addClass("act3");
 })
--- a/start.html
+++ b/start.html
@ -65,7 +65,6 @@ Maybe you want to <button id="paper_1">read</button>,<button id="paper_2">read</
 </div>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script type="text/javascript" src="script.js" ></script>