Difference between revisions of "Team:Tsinghua-A/navpage"

 
(30 intermediate revisions by 2 users not shown)
Line 13: Line 13:
 
     <link rel="stylesheet" href="https://2019.igem.org/Template:Tsinghua-A/nav3css?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2019.igem.org/Template:Tsinghua-A/nav3css?action=raw&ctype=text/css">
  
−
    <！--
+
 
 
     <link rel="stylesheet" type="text/css"
 
     <link rel="stylesheet" type="text/css"
 
         href="https://2019.igem.org/Template:Tsinghua-A/navdefaultcss?action=raw&ctype=text/css">
 
         href="https://2019.igem.org/Template:Tsinghua-A/navdefaultcss?action=raw&ctype=text/css">
−
     <script src="./test_files/modernizr-2.6.2.min.js.下载"></script>
+
     <!--used for change font -->
−
    -->
+
  
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
         function delayURL(url, time) {
 
         function delayURL(url, time) {
−
             setTimeout("top.location.href = '" + url + "'", time);
+
             setTimeout("top.location.href = '" + url + "'", 500);
 +
//change delay time here or change 500->time to use customize time;  
 
         }
 
         }
 
     </script>
 
     </script>
Line 30: Line 30:
  
 
     <!-- Demo Navigation -->
 
     <!-- Demo Navigation -->
 +
 +
<div style="height:50em">
 
     <nav class="nav clearfix fx-box_rotate">
 
     <nav class="nav clearfix fx-box_rotate">
−
         <button class="nav-el" id="el-1" data-id="ov-1" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-1" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/background',1000)"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:10%;top:0%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:10%;top:0%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/background',1000)"
−
                         style="font-size:30px">Wiki</a>
+
                         style="font-size:30px">Background</jump>
−
                    <ul>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Wiki 2</a></li>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Wiki 3</a></li>
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-2" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-2" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Human_Practices',1000)"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:40%;top:0%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:40%;top:0%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/HP',1000)"
−
                         style="font-size:30px">HP</a>
+
                         style="font-size:30px">HP</jump>
−
                    <ul>
+
−
                        <li style="list-style-type:none"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)">HP
+
−
                                2</a></li>
+
−
                        <li style="list-style-type:none"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)">HP
+
−
                                3</a></li>
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-3" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-3"  
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:70%;top:0%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:70%;top:0%">
−
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
+
             <div style="position:absolute;right:20%;top:15%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#"onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Model',1000)"
−
                         style="font-size:30px">Project</a>
+
                         style="font-size:30px">Project</jump>
−
                    <ul>
+
                    <ul>
−
                         <li style="list-style-type:none"><a href="#"
+
<li style="list-style-type:none"><jump href="#"
−
                                 onClick="delayURL('http://www.baidu.com/',1000)">Project 2</a></li>
+
                                onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Model',1000)">Model</jump></li>
−
                         <li style="list-style-type:none"><a href="#"
+
                         <li style="list-style-type:none"><jump href="#"
−
                                 onClick="delayURL('http://www.baidu.com/',1000)">Project 3</a></li>
+
                                 onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/encode_decode',1000)">Encode and Decode</jump></li>
 +
                         <li style="list-style-type:none"><jump href="#"
 +
                                 onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Encryption',1000)">Encryption</jump></li>
 +
                        <li style="list-style-type:none"><jump href="#"
 +
                                onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Feature_Extraction',1000)">Feature Extraction</jump></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
 
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-4" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-4" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Experiments',1000)"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:10%;top:40%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:10%;top:40%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Experiments',1000)"
−
                         style="font-size:30px">Exp</a>
+
                         style="font-size:30px">Experiments</jump>
−
                    <ul>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Exp</a></li>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Exp</a></li>
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-5" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-5" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Team',1000)"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:30%;top:30%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:30%;top:30%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Team',1000)"
−
                         style="font-size:30px">Team</a>
+
                         style="font-size:30px">Team</jump>
−
                    <ul>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Team</a></li>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Team</a></li>
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-6" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-6" disabled="disabled"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:50%;top:40%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:50%;top:40%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Software',1000)"
−
                         style="font-size:30px">Software</a>
+
                         style="font-size:30px">Software</jump>
−
                     <ul>
+
                      
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Software</a></li>
+
−
                        <li style="list-style-type:none"><a href="#"
+
−
                                onClick="delayURL('http://www.baidu.com/',1000)">Software</a></li>
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
 
             </div>
 
             </div>
 
         </button>
 
         </button>
−
         <button class="nav-el" id="el-1" data-id="ov-7" onClick="delayURL('http://www.baidu.com/',1000)"
+
         <button class="nav-el" id="el-1" data-id="ov-7" disabled="disabled"
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:70%;top:30%">
 
             style="padding-bottom: 26%;height:0;width:26%;position:absolute;left:70%;top:30%">
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
 
             <div style="position:absolute;right:20%;top:30%;text-decoration:none;font-size:15px;" ;>
  
−
                 <li style="list-style-type:circle"><a href="#" onClick="delayURL('http://www.baidu.com/',1000)"
+
                 <li style="list-style-type:circle"><jump href="#" onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Contribution',1000)"
−
                         style="font-size:30px">Adward</a>
+
                         style="font-size:30px">Contribution</jump>
 
                     <ul>
 
                     <ul>
−
                         <li style="list-style-type:none"><a href="#"
+
                         <li style="list-style-type:none"><jump href="#"
−
                                 onClick="delayURL('http://www.baidu.com/',1000)">Adward</a></li>
+
                                 onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/description',1000)">Description</jump></li>
−
                         <li style="list-style-type:none"><a href="#"
+
                         <li style="list-style-type:none"><jump href="#"
−
                                 onClick="delayURL('http://www.baidu.com/',1000)">Adward</a></li>
+
                                 onClick="delayURL('https://2019.igem.org/Team:Tsinghua-A/Attributions',1000)">Attributions</jump></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 145: Line 121:
  
 
     </nav>
 
     </nav>
 +
</div>
  
  

Latest revision as of 03:05, 10 December 2019