Difference between revisions of "Team:HZAU-China"

Line 30: Line 30:
 
     }
 
     }
  
−
    @keyframes shan {
 
−
      from {
 
−
        opacity: 1;
 
−
      }
 
−
      to {
 
−
        opacity: 0.6;
 
−
      }
 
−
    }
 
−
 
−
    @-moz-keyframes shan {
 
−
      from {
 
−
        opacity: 1;
 
−
      }
 
−
      to {
 
−
        opacity: 0.6;
 
−
      }
 
−
    }
 
−
 
−
    @-webkit-keyframes shan {
 
−
      from {
 
−
        opacity: 1;
 
−
      }
 
−
      to {
 
−
        opacity: 0.6;
 
−
      }
 
−
    }
 
−
 
−
    @-o-keyframes shan {
 
−
      from {
 
−
        opacity: 1;
 
−
      }
 
−
      to {
 
−
        opacity: 0.6;
 
−
      }
 
−
    }
 
  
 
     #anniu {
 
     #anniu {
−
      background-color: #ffffff;
+
       position: relative;
−
       position: absolute;
+
       top: 100px;
−
       top: 600px;
+
 
       transition: top 0.2s;
 
       transition: top 0.2s;
−
      height: 50px;
 
−
      width: 50px;
 
 
       left: 50%;
 
       left: 50%;
−
       margin: 0 0 0 -25px;
+
       margin: 0 0 0 -50px;
−
      animation: shan 5s infinite;
+
    }
−
      -moz-animation: shan 5s infinite;
+
    #anniu>img{
−
      -webkit-animation: shan 5s infinite;
+
       height:100px;
−
       -o-animation: shan 5s infinite;
+
 
     }
 
     }
  
 
     #anniu:hover {
 
     #anniu:hover {
−
       top: 610px;
+
       top: 115px;
 
     }
 
     }
  
Line 332: Line 293:
 
     <img class="fourC" src="https://static.igem.org/mediawiki/2017/8/84/T--HZAU-China--4C.png">
 
     <img class="fourC" src="https://static.igem.org/mediawiki/2017/8/84/T--HZAU-China--4C.png">
 
     <div>
 
     <div>
−
       <a id="anniu" href="#tiaozhuan"></a>
+
       <a id="anniu" href="#tiaozhuan"><img src="https://static.igem.org/mediawiki/2017/7/7e/T--HZAU-China--arrow.gif"></a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 348: Line 309:
 
     <div id="rongqi">
 
     <div id="rongqi">
 
       <!-- 插入轮播的图片们 -->
 
       <!-- 插入轮播的图片们 -->
−
       <img class="yundong shiying" src="https://static.igem.org/mediawiki/2017/4/43/HZAU_2017_luhuan1_1.png" />
+
       <img class="yundong shiying" src="https://static.igem.org/mediawiki/2017/7/7b/T--HZAU-China--zhouqi1.gif" />
−
       <img class="shiying" src="https://static.igem.org/mediawiki/2017/f/f5/HZAU_2017_luhuan2_1.png" />
+
       <img class="shiying" src="https://static.igem.org/mediawiki/2017/d/d9/T--HZAU-China--dCas91.gif" />
−
       <img class="shiying" src="https://static.igem.org/mediawiki/2017/f/fd/HZAU_2017_luhuan3_1.png" />
+
       <img class="shiying" src="https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--guangkong1.gif" />
 
       <!-- 插入轮播的页码们 -->
 
       <!-- 插入轮播的页码们 -->
 
       <div>
 
       <div>
Line 401: Line 362:
  
 
     //每2s调用changeSlide函数进行图片轮播
 
     //每2s调用changeSlide函数进行图片轮播
−
     var slideon = setInterval(changeSlide, 4000);
+
     var slideon = setInterval(changeSlide, 8000);
  
 
     rongqi.onmouseover = function () {
 
     rongqi.onmouseover = function () {
Line 407: Line 368:
 
     }
 
     }
 
     rongqi.onmouseout = function () {
 
     rongqi.onmouseout = function () {
−
       slideon = setInterval(changeSlide, 4000); //当鼠标移出时重新开始轮播事件
+
       slideon = setInterval(changeSlide, 8000); //当鼠标移出时重新开始轮播事件
 
     }
 
     }
  

Revision as of 16:20, 31 October 2017