Difference between revisions of "Team:TJU China/Experiments"

Line 123: Line 123:
 
             z-index: 5;
 
             z-index: 5;
 
             position: absolute;
 
             position: absolute;
             margin-top: 1200px;
+
             margin-top: 600px;
 
         }
 
         }
 
     </style>
 
     </style>
Line 277: Line 277:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <div id="fill_blank" style="height:1000px;"></div>
  
 
     <div class="group" id="group1" style="display:none;">
 
     <div class="group" id="group1" style="display:none;">
Line 451: Line 452:
 
         window.onload = function () {
 
         window.onload = function () {
 
             var btn11 = document.getElementById("btn11");
 
             var btn11 = document.getElementById("btn11");
             var div1 = document.getElementById("group1");
+
             var g1 = document.getElementById("group1");
 
             btn11.onclick = function () {
 
             btn11.onclick = function () {
                 if (div1.style.display == 'none') {
+
                 if (g1.style.display == 'none') {
                     div1.style.display = 'block';
+
                     g1.style.display = 'block';
 
                 }
 
                 }
 
                 else {
 
                 else {
                     div1.style.display = 'none';
+
                     g1.style.display = 'none';
 
                 }
 
                 }
 
             }
 
             }
  
 
             var btn12 = document.getElementById("btn12");
 
             var btn12 = document.getElementById("btn12");
             var div2 = document.getElementById("group2");
+
             var g2 = document.getElementById("group2");
 
             btn12.onclick = function () {
 
             btn12.onclick = function () {
                 if (div2.style.display == 'none') {
+
                 if (g2.style.display == 'none') {
                     div2.style.display = 'block';
+
                     g2.style.display = 'block';
 
                 }
 
                 }
 
                 else {
 
                 else {
                     div2.style.display = 'none';
+
                     g2.style.display = 'none';
 
                 }
 
                 }
 
             }
 
             }
  
 
             var btn13 = document.getElementById("btn13");
 
             var btn13 = document.getElementById("btn13");
             var div3 = document.getElementById("group3");
+
             var g3 = document.getElementById("group3");
 
             btn13.onclick = function () {
 
             btn13.onclick = function () {
                 if (div3.style.display == 'none') {
+
                 if (g3.style.display == 'none') {
                     div3.style.display = 'block';
+
                     g3.style.display = 'block';
 
                 }
 
                 }
 
                 else {
 
                 else {
                     div3.style.display = 'none';
+
                     g3.style.display = 'none';
 +
                }
 +
            }
 +
 
 +
            var fill = document.getElementById("fill_blank");
 +
            function f(){
 +
                if(g1.style.display=='none'&&g3.style.display=='none'&&g2.style.display=='none'){
 +
                    fill.style.display='block';
 +
                }
 +
                else{
 +
                    fill.style.display='none';
 
                 }
 
                 }
 
             }
 
             }

Revision as of 03:49, 16 October 2018

<!DOCTYPE > home