Difference between revisions of "Team:TUST China/Attributions"

 
Line 35: Line 35:
 
</head>
 
</head>
 
<body >
 
<body >
−
<script>
+
<script src="https://2018.igem.org/Template:TUST_China/js/cebian?action=raw&ctype=text/javascript"></script>
−
        window.onload = function(){
+
−
//这里包裹你的代码
+
−
            function DirectoryNav($h,config){
+
−
                this.opts = $.extend(true,{
+
−
                    scrollThreshold:0.5,    //滚动检测阀值 0.5在浏览器窗口中间部位
+
−
                    scrollSpeed:700,        //滚动到指定位置的动画时间
+
−
                    scrollTopBorder:500,    //滚动条距离顶部多少的时候显示导航，如果为0，则一直显示
+
−
                    easing: 'swing',        //不解释
+
−
                    delayDetection:200,    //延时检测，避免滚动的时候检测过于频繁
+
−
                    scrollChange:function(){}
+
−
                },config);
+
−
                this.$win = $(window);
+
−
                this.$h = $h;
+
−
                this.$pageNavList = "";
+
−
                this.$pageNavListLis ="";
+
−
                this.$curTag = "";
+
−
                this.$pageNavListLiH = "";
+
−
                this.offArr = [];
+
−
                this.curIndex = 0;
+
−
                this.scrollIng = false;
+
−
                this.init();
+
−
            }
+
−
 
+
−
            DirectoryNav.prototype = {
+
−
                init:function(){
+
−
                    this.make();
+
−
                    this.setArr();
+
−
                    this.bindEvent();
+
−
                },
+
−
                make:function(){
+
−
                    //生成导航目录结构,这是根据需求自己生成的。如果你直接在页面中输出一个结构那也挺好不用 搞js
+
−
                    $("body").append('<div class="directory-nav" id="directoryNav"><ul style="cursor:pointer"></ul><span class="cur-tag" ></span><span class="c-top"></span><span class="c-bottom"></span><span class="line"></span></div>' );
+
−
                    var $hs = this.$h,
+
−
                        $directoryNav = $("#directoryNav"),
+
−
                        temp = [],
+
−
                        index1 = 0,
+
−
                        index2 = 0;
+
−
                    $hs.each(function(index){
+
−
                        var $this = $(this),
+
−
                            text = $this.text();
+
−
                        if(this.tagName.toLowerCase()=='h2'){
+
−
                            index1++;
+
−
                            if(index1%2==0) index2 = 0;
+
−
                            temp.push('<li class="l1"><span class="c-dot"></span>'+index1+'. <a class="l1-text">'+text+'</a></li>');
+
−
                        }else{
+
−
                            index2++;
+
−
                            temp.push('<li class="l2">'+index1+'.'+index2+' <a class="l2-text">'+text+'</a></li>');
+
−
 
+
−
                        }
+
−
                    });
+
−
                    $directoryNav.find("ul").html(temp.join(""));
+
−
 
+
−
                    //设置变量
+
−
                    this.$pageNavList = $directoryNav;
+
−
                    this.$pageNavListLis = this.$pageNavList.find("li");
+
−
                    this.$curTag = this.$pageNavList.find(".cur-tag");
+
−
                    this.$pageNavListLiH = this.$pageNavListLis.eq(0).height();
+
−
 
+
−
                    if(!this.opts.scrollTopBorder){
+
−
                        this.$pageNavList.show();
+
−
                    }
+
−
                },
+
−
                setArr:function(){
+
−
                    var This = this;
+
−
                    this.$h.each(function(){
+
−
                        var $this = $(this),
+
−
                            offT = Math.round($this.offset().top);
+
−
                        This.offArr.push(offT);
+
−
                    });
+
−
                },
+
−
                posTag:function(top){
+
−
                    this.$curTag.css({top:top+'px'});
+
−
                },
+
−
                ifPos:function(st){
+
−
                    var offArr = this.offArr;
+
−
                    //console.log(st);
+
−
                    var windowHeight = Math.round(this.$win.height() * this.opts.scrollThreshold);
+
−
                    for(var i=0;i<offArr.length;i++){
+
−
                        if((offArr[i] - windowHeight) < st) {
+
−
                            var $curLi = this.$pageNavListLis.eq(i),
+
−
                                tagTop = $curLi.position().top;
+
−
                            $curLi.addClass("cur").siblings("li").removeClass("cur");
+
−
                            this.curIndex = i;
+
−
                            this.posTag(tagTop+this.$pageNavListLiH*0.5);
+
−
                            //this.curIndex = this.$pageNavListLis.filter(".cur").index();
+
−
                            this.opts.scrollChange.call(this);
+
−
                        }
+
−
                    }
+
−
                },
+
−
                bindEvent:function(){
+
−
                    var This = this,
+
−
                        show = false,
+
−
                        timer = 0;
+
−
                    this.$win.on("scroll",function(){
+
−
                        var $this = $(this);
+
−
                        clearTimeout(timer);
+
−
                        timer = setTimeout(function(){
+
−
                            This.scrollIng = true;
+
−
                            if($this.scrollTop()>This.opts.scrollTopBorder){
+
−
                                if(!This.$pageNavListLiH) This.$pageNavListLiH = This.$pageNavListLis.eq(0).height();
+
−
                                if(!show){
+
−
                                    This.$pageNavList.fadeIn();
+
−
                                    show = true;
+
−
                                }
+
−
                                This.ifPos( $(this).scrollTop() );
+
−
                            }else{
+
−
                                if(show){
+
−
                                    This.$pageNavList.fadeOut();
+
−
                                    show = false;
+
−
                                }
+
−
                            }
+
−
                        },This.opts.delayDetection);
+
−
                    });
+
−
 
+
−
                    this.$pageNavList.on("click","li",function(){
+
−
                        var $this = $(this),
+
−
                            index = $this.index();
+
−
                        This.scrollTo(This.offArr[index]);
+
−
                    })
+
−
                },
+
−
                scrollTo: function(offset,callback) {
+
−
                    var This = this;
+
−
                    $('html,body').animate({
+
−
                        scrollTop: offset
+
−
                    }, this.opts.scrollSpeed, this.opts.easing, function(){
+
−
                        This.scrollIng = false;
+
−
                        //修正弹两次回调 蛋疼
+
−
                        callback && this.tagName.toLowerCase()=='body' && callback();
+
−
                    });
+
−
                }
+
−
            };
+
−
 
+
−
            //实例化
+
−
            var directoryNav = new DirectoryNav($("h2,h3"),{
+
−
                scrollTopBorder:0  //滚动条距离顶部多少的时候显示导航，如果为0，则一直显示
+
−
            });
+
−
 
+
−
 
+
−
        }
+
−
    </script>
+
−
 
+
 
<div class="team-header" style="width: 100%;height: 500px;overflow: hidden;">
 
<div class="team-header" style="width: 100%;height: 500px;overflow: hidden;">
 
     <!--<div class="team-img">-->
 
     <!--<div class="team-img">-->

Latest revision as of 11:49, 15 October 2018

nav

protocol

Attributions

We would like to thank all of those who have supported and assisted us in the laboratory, in the school and in society since the beginning of our tetracycline detecting and degradation project. Without those help, this project wouldn't have been possible and cannot been progressing well.

General Support

We would like to extend our sincerest thanks to our team Primary PI, Professor Cheng Zhong. His enthusiasm for the synthesis biology and assistance for the lab resources could not be more greatly appreciated. We would like to thank the PhD student LongHui Huang, our instructors. He selfless help us in the molecular experiments operation and help us improve our project design to better achieve our final anticiptions. We also want to thank our advisors, TingYue Deng. She gave lots of advices when we found my team members and built our new iGEM team. What’s more, she also gave us suggestions when we perfected our project parts, including the human practice and parts submission.

Project & Work Support

We would like to thank each team members of 2018 TUST_China iGEM team. And this the team member list and their respective attributions in the below.

Team Members

  • WenXin Lin
    		•
  • ZhenYu Xiong
    		•
  • HaoRan Xu
    		•
  • YuWen Zhang
    		•
  • ZeYun You
    		•
  • YuXuan Quan
    		•
  • LeLing Xu
    		•
  • XiangYu Zhou
    		•
  • FangYuan Zhao
    		•
  • Meng Wang
    		•
  • XiaoJin Li
    		•
  • Ge Gao
  • Kai Lu
  • Jing Li
    •

    Distribution

    Wiki



    YuXuan Quan

    Chasis

    WenXin Lin
    LeLing Xu
    YuWen Zhang
    Meng Wang
    Jing Li

    Verification

    WenXin Lin
    XiangYu Zhou
    ZeYun You
    LeLing Xu
    Kai Lu

    H&P

    WenXin Lin
    ZeYun You
    FangYuan Zhao
    ZhenYu Xiong
    Kai Lu

    HPLC


    HaoRan Xu
    XiaoJin Li
    Ge Gao

    Modeling


    LeLing Xu
    Ge Gao

    Art


    Ying Ma
    Jing Li

    Logistics


    ZeYun You
    ZhenYu Xiong
    HaoRan Xu

    Pre

    YuWen Zhang
    WenXin Lin
    FangYuan Zhao
    Ge Gao

    Funding Support

    First and foremost, we would like to thank Professor Cheng Zhong again for providing us with vital financial and lab resource support. We would also like to thank the following organizations and offices for generously providing us with the financial support necessary for conducting and completing our project in this year:

    Tianjin University of Science & Technology Academic Registrar College of Biotechnology, Tianjin University of Science & Technology Shandong BenZhen Cosmetics CO. LTD.

    foot