Team:XMU-China/Project Application

From 2014.igem.org

(Difference between revisions)
Line 486: Line 486:
</div>
</div>
</div>
</div>
-
<!--回到顶页的小图标-->
 
-
<div id="gototop" style="width:60px; top:450px; right:25px; cursor:pointer; position:absolute;">
 
-
      <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
 
-
</div>
 
 
 
-
<!--小图标翻转特效-->
 
-
<style type="text/css">
 
-
  #gototop {
 
-
    transition: all 0.2s linear;
 
-
    -ms-transition: all 0.2s linear;
 
-
-moz-transition: all 0.2s linear; /* Firefox 4 */
 
-
        -webkit-transition: all 0.2s linear; /* Safari and Chrome */
 
-
        -o-transition: all 0.2s linear; /* Opera */
 
-
  }
 
-
  #gototop:hover {
 
-
    transform:scaleX(-1);
 
-
    -ms-transform:scaleX(-1);
 
-
        -moz-transform:scaleX(-1); /* Firefox 4 */
 
-
        -webkit-transform:scaleX(-1); /* Safari and Chrome */
 
-
        -o-transform:scaleX(-1); /* Opera */
 
-
  }
 
-
</style>
 
-
 
-
<!--小图标自动显示和隐藏的功能-->
 
-
<script type="text/javascript">
 
-
    $(document).ready(function() {
 
-
 
 
-
    $("#gototop").hide();
 
-
 
-
$(window).scroll(function(){
 
-
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
 
-
else {$("#gototop").fadeOut();}
 
-
});
 
-
    $("#gototop").click(function(){
 
-
  $('body,html').animate({scrollTop:0},500);
 
-
});  
 
-
  });
 
-
</script>
 
<!--侧边栏自动显示和隐藏的功能-->
<!--侧边栏自动显示和隐藏的功能-->
<script type="text/javascript">
<script type="text/javascript">

Revision as of 22:04, 16 October 2014

side_bar