|
|
| (3 intermediate revisions by 2 users not shown) |
| Line 28: |
Line 28: |
| | background: white; | | background: white; |
| | width: 100vw; | | width: 100vw; |
| − | height: 300px; | + | height: 100px; |
| | } | | } |
| | | | |
| Line 36: |
Line 36: |
| | } | | } |
| | | | |
| − | /*----------------------------------------------------------------------------*/a | + | /*----------------------------------------------------------------------------*/ |
| | + | |
| | /*----------------------------------------------------------------------------*/ | | /*----------------------------------------------------------------------------*/ |
| | .sec_pic{ | | .sec_pic{ |
| Line 44: |
Line 45: |
| | | | |
| | #one{ | | #one{ |
| − | position: absolute;
| + | width: 80%; |
| − | width: 80%;
| + | position: relative; |
| − | left: 9.7vw;
| + | left: 10vw; |
| − | top: 6.5vw; | + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | #two{
| + | |
| − | position: absolute;
| + | |
| − | width: 25%;
| + | |
| − | left: 36vw;
| + | |
| − | top: -3.6vw;
| + | |
| − | cursor: pointer; | + | |
| − | }
| + | |
| − | | + | |
| − | #three{
| + | |
| − | position: absolute;
| + | |
| − | width: 37.5%;
| + | |
| − | left: 30.9vw;
| + | |
| − | top: 19.5vw;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | #four{
| + | |
| − | position: absolute;
| + | |
| − | width: 27%;
| + | |
| − | left: 48.1vw;
| + | |
| − | top: 49.8vw;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | #five{
| + | |
| − | position: absolute;
| + | |
| − | width: 18%;
| + | |
| − | left: 29.9vw;
| + | |
| − | top: 45.8vw;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | #six{
| + | |
| − | position: absolute;
| + | |
| − | width: 20%;
| + | |
| − | left: 16vw;
| + | |
| − | top: 12vw;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | #seven{
| + | |
| − | width: 30%;
| + | |
| − | position: absolute;
| + | |
| − | left: 65vw;
| + | |
| − | top: -10vw;
| + | |
| − | cursor: pointer;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #eight{
| + | |
| − | width: 30%;
| + | |
| − | position: absolute;
| + | |
| − | left: 70vw;
| + | |
| − | top: 20vw;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #nine{
| + | |
| − | width:30%;
| + | |
| − | position: absolute;
| + | |
| − | left: 40vw;
| + | |
| − | top: 60vw;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #ten{
| + | |
| − | width: 30%;
| + | |
| − | position: absolute;
| + | |
| − | left: 1vw;
| + | |
| − | top: 58vw;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #eleven{
| + | |
| − | width: 30%;
| + | |
| − | position: absolute;
| + | |
| − | left: 0vw;
| + | |
| − | top: -7vw;
| + | |
| − | display: none;
| + | |
| | } | | } |
| | | | |
| | </style> | | </style> |
| − |
| |
| − | <script>
| |
| − | $(document).ready(function() {
| |
| − | $("#two").mouseover(function() {
| |
| − | $("#seven").show();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#two").mouseleave(function() {
| |
| − | $("#seven").hide();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#three").mouseover(function() {
| |
| − | $("#eight").show();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#three").mouseleave(function() {
| |
| − | $("#eight").hide();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#four").mouseover(function() {
| |
| − | $("#nine").show();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#four").mouseleave(function() {
| |
| − | $("#nine").hide();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#five").mouseover(function() {
| |
| − | $("#ten").show();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#five").mouseleave(function() {
| |
| − | $("#ten").hide();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#six").mouseover(function() {
| |
| − | $("#eleven").show();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#six").mouseleave(function() {
| |
| − | $("#eleven").hide();
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | </script>
| |
| | </head> | | </head> |
| | | | |
| Line 207: |
Line 59: |
| | | | |
| | <div class="sec_pic"> | | <div class="sec_pic"> |
| − | <img src="https://static.igem.org/mediawiki/2017/8/8a/Hyperhome1.png" id="one" class="one"> | + | <img src="https://static.igem.org/mediawiki/2017/a/a0/Xxxxxxxxxxxxxxxxxxxxxxxxxxx.png" id="one" class="one"> |
| − | <img src="https://static.igem.org/mediawiki/2017/6/6d/Hyperhome2.png" id="two" class="two">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/5/5e/Hyperhome3.png" id="three" class="three">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/e/ee/Hyperhome4.png" id="four" class="four">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/a/ac/Hyperhome5.png" id="five" class="five">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/0/0f/Hyperhome6.png" id="six" class="six">
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2017/d/d0/Home_database_1.png" id="seven">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/8/84/Ppm.png" id="eight">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/9/9d/Dommmmmmm.png" id="nine">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/d/db/Jviljqeijfgioqejfgioqejfiohbqeofhio.png" id="ten">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/d/d1/Wdwdwd.png" id="eleven">
| + | |
| | </div> | | </div> |
| | | | |
