Team:XMU-China/Team Attribution

From 2014.igem.org

(Difference between revisions)
Line 628: Line 628:
</div>
</div>
<!--回到顶页的小图标-->
<!--回到顶页的小图标-->
-
<div id="gototop" style="width:60px; top:450px; right:25px; cursor:pointer; position:absolute;">
+
<div id="gototop" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
-
       <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
+
       <img src="https://static.igem.org/mediawiki/2014/b/bd/Xmu_stop_UFO.png" width="150%" height="150%"/>
 +
</div>
 +
<div id="gototop_2" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
 +
      <img src="https://static.igem.org/mediawiki/2014/a/ae/Xmu_up_UFO_zwei.png" width="150%" height="150%"/>
 +
</div>
 +
<div id="gototop_3" style="width:60px; top:550px; right:75px; cursor:pointer; position:fixed;">
 +
      <img src="https://static.igem.org/mediawiki/2014/a/a2/Xmu_down_UFO_zwei.png" width="150%" height="150%"/>
</div>
</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">
<script type="text/javascript">
-
    $(document).ready(function() {
+
$("#gototop_2").hide();
-
 
+
$("#gototop_3").hide();
-
    $("#gototop").hide();
+
lastScrollY = 0;
-
+
$(window).scroll(function(){
-
$(window).scroll(function(){
+
var diffY =$(window).scrollTop();
-
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
+
        percent=diffY-lastScrollY;  //获取滚动的百分比
-
else {$("#gototop").fadeOut();}
+
        if(percent>0) {
 +
$("#gototop").hide();
 +
$("#gototop_2").hide();
 +
$("#gototop_3").show();
 +
}
 +
        else {
 +
$("#gototop").hide();
 +
$("#gototop_3").hide();
 +
$("#gototop_2").show();
 +
}
 +
        lastScrollY = diffY;
 +
$("#gototop").animate({padding: "+=0px"},1000,function(){
 +
$("#gototop_3").hide();
 +
$("#gototop_2").hide();
 +
$("#gototop").show();
});
});
 +
});
 +
</script>
 +
 +
<!--图标回到顶页-->
 +
<script type="text/javascript">
    $("#gototop").click(function(){
    $("#gototop").click(function(){
  $('body,html').animate({scrollTop:0},500);  
  $('body,html').animate({scrollTop:0},500);  
-
});  
 
-
  });
 
-
</script>
 
-
<!--侧边栏自动显示和隐藏的功能-->
 
-
<script type="text/javascript">
 
-
    $(document).ready(function() {
 
-
 
 
-
    $("#side_bar").hide();
 
-
 
-
$(window).scroll(function(){
 
-
if ($(window).scrollTop()>500) {$("#side_bar").fadeIn();}
 
-
else {$("#side_bar").fadeOut();}
 
});
});
-
 
 
-
  });
 
</script>
</script>
-
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&amp;ctype=text/javascript"></script>
+
 +
 
 +
<!--侧边栏自动显示和隐藏的功能-->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 
 +
$("#side_bar").hide();
 +
 
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop()>500) {$("#side_bar").fadeIn();}
 +
else {$("#side_bar").fadeOut();}
 +
});
 +
 
 +
  });
 +
</script>
</body>
</body>
</html>
</html>

Revision as of 13:34, 16 October 2014

side_bar side_bar



Idea


Constructed by undergraduate

Tang Chun, Zhang Ruihua, Chen Yahong, Lei yiying, Ruan Qingyu, Liu Weibing, Chen Zehua, Yan Xiaoshan, Liu Chang, Zhang Tangduo, Chen An, Chen Jielin, Liu Yang, Lu Yizhu,

 

Guided by advisors

Prof. Fang Baishan, Prof. Wu Yixun, Prof. Yang Chaoyong, Prof. Han Jiahuai, Doctor Jiang Wei

 

Project


Conic shape formation (undergraduate)

Conic section circuit: Tang Chun,

Oscillation circuit: Chen Zehua

Black hole mechanism: Lei Yiying


Promoter activity measurement (undergraduate)

Zhang Ruihua


Characterization of chemotaxis (undergraduate)

Zhang Tangduo, Chen Yahong, Liu Weibin, Ruan Qinyu, Fu Xiaotong


Interlab (undergraduate)

Chen Jielin, Tang Chun, Chen An

 

Guided by advisors: Doctor Jiang Wei

Supported by advisors: Prof. Fang Baishan

 

Modeling (undergraduate)

Yan Xiaoshan

 

Policy & Practice (undergraduate)


Newsletter

Editor: Chen Zehua

Assistants: Jiang Yue, Liu Yang, Li Jianqiao, Guo Xifeng

 

Communication with other teams

Huang Jianxing, Guo Xifeng, Lu Yizhu, Liu Yang, Chen Jielin, Wu Fan, Jiang Yue, Chen Zehua, Zhang Tangduo

 

Popularization in Xiamen Library

Planners: Lv Yizhu, Liu Yang, Zhang Tangduo, Chen Zehua, Chen An

Media contact: Zhang Tangduo

Participant: All members in the team

 

Wiki (undergraduate)

Li Zhe, Guo Xifeng, Wu Fan, Wang Yushen

 

Art design (undergraduate)

Wu Fan, Guo Xifeng, Fu Xiaotong

 

Safety­


Undergraduate in charge: Jiang Yue, Lei Yiying

Guided by advisors: Prof. Fang Baishan, Prof. Wu Yixun, Prof. Yang Chaoyong, Prof. Han Jiahuai, Doctor Jiang Wei

 


Retrieved from "http://2014.igem.org/Team:XMU-China/Team_Attribution"