Difference between revisions of "Team:UESTC-software/Notebooks"

Line 3: Line 3:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <title>三级页面</title>
+
     <title>three</title>
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/base?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/base?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/threeLevel?action=raw&ctype=text/css" />
 
     <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/threeLevel?action=raw&ctype=text/css" />
Line 10: Line 10:
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/footer?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/footer?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
      
 
      
−
<style>
 
  
−
p.title {
 
−
font-size:40px !important;
 
−
text-align: center !important;
 
−
}
 
−
#bodyContent a[href^="https://"], .link-https {
 
−
    padding-right: 0px;
 
−
}
 
−
</style>
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 71: Line 62:
 
</header>
 
</header>
 
<div class="content-top">
 
<div class="content-top">
 +
    <img src="https://static.igem.org/mediawiki/2016/2/2b/Uestc-software-team_notebook.png" class="title-img">
 +
    <br>
 +
    <p class="title">Notebooks</p>
 +
 
  
 
</div>
 
</div>
−
<div class="detail-content">
+
<div class="detail-content" style="height:1000px;">
−
 
+
    <embed name="plugin" type="application/pdf" id="plugin" src="https://static.igem.org/mediawiki/2016/e/e6/Uestc_software-E_Week_1--Caixi_Xi.pdf"  width="100%" height="100%" >
 
</div>
 
</div>
 +
 
<footer class="footer">
 
<footer class="footer">
 
     <div class="footer-top">
 
     <div class="footer-top">
Line 85: Line 81:
 
         <p>UESTC-SOFTWARE</p>
 
         <p>UESTC-SOFTWARE</p>
 
     </div>
 
     </div>
−
     <div class="footer-bottom">© 2016 University of Electronic Science and Technology of China</div>
+
     <div class="footer-bottom">@ 2016 University of Electronic Science and Technology of China</div>
 
</footer>
 
</footer>
  
Line 95: Line 91:
 
     <div class="title"><img src="https://static.igem.org/mediawiki/igem.org/e/e3/Uestc_software-reduce.gif" />CATALOGUE</div>
 
     <div class="title"><img src="https://static.igem.org/mediawiki/igem.org/e/e3/Uestc_software-reduce.gif" />CATALOGUE</div>
 
     <ul>
 
     <ul>
 +
        <li >
 +
            <a href="javascript:;" id="Caixi Xi">
 +
                <span></span>
 +
              Caixi Xi
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Chenxiang Zhen">
 +
                <span></span>
 +
              Chenxiang Zhen
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Dongkai Pu">
 +
                <span></span>
 +
              Dongkai Pu
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Hao Xu">
 +
                <span></span>
 +
              Hao Xu
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Haobo zhou">
 +
                <span></span>
 +
              Haobo zhou
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Hui Che">
 +
                <span></span>
 +
              Hui Che
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Jianwei Xu">
 +
                <span></span>
 +
              Jianwei Xu
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Jun Li">
 +
                <span></span>
 +
              Jun Li
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Mingfei Ding">
 +
                <span></span>
 +
              Mingfei Ding
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Wei Zhao">
 +
                <span></span>
 +
              Wei Zhao
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Xin Ma">
 +
                <span></span>
 +
              Xin Ma
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Yuening Yan">
 +
                <span></span>
 +
              Yuening Yan
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Zhongtian Ma">
 +
                <span></span>
 +
              Zhongtian Ma
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Zining Wu">
 +
                <span></span>
 +
              Zining Wu
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Meng Liu">
 +
                <span></span>
 +
              Meng Liu
 +
            </a>
 +
        </li>
 +
        <li >
 +
            <a href="javascript:;" id="Notebook-Report">
 +
                <span></span>
 +
              Notebook-Report
 +
            </a>
 +
        </li>
 
     </ul>
 
     </ul>
 
</div>
 
</div>
−
<script type="text/javascript" src="https://2016.igem.org/Team:UESTC-software/js/basic/jquery?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2016.igem.org/Team:UESTC-software/js/basic/threeLevel?action=raw&ctype=text/javascript"></script>
 
−
<script>
 
−
$(document).ready(function(){
 
−
    $('.content-top').eq(0).find('.title-img').eq(0).attr('src','https://static.igem.org/mediawiki/igem.org/3/3a/Uestc_software-human-practice.png');
 
  
−
})
+
<script type="text/javascript" src="https://2016.igem.org/Team:UESTC-software/js/basic/jquery?action=raw&ctype=text/javascript"></script>
−
</script>
+
<script type="text/javascript">  
−
<script>
+
$(".scroll-top img").addClass("active");
−
$(document).ready(function(){
+
$(".catalog").click(function(){
−
     $('.content-top').eq(0).find('.title-img').eq(0).attr('src','https://static.igem.org/mediawiki/igem.org/d/df/Uestc_software-doucument.png');
+
     $(this).addClass("active");
−
$('.load-pdf').eq(0).attr('src','https://static.igem.org/mediawiki/2016/e/e6/Uestc_software-E_Week_1--Caixi_Xi.pdf','https://static.igem.org/mediawiki/2016/e/e6/Uestc_software-E_Week_1--Caixi_Xi.pdf')
+
    $(".catalog-area").addClass("active");
 +
});
 +
// $('.catalog-area').eq(0).find('ul').find('li').eq(0).find('a').attr('name','https://static.igem.org/mediawiki/2016/4/4a/Uestc_software-Bio101_Development_GuideV2.pdf');
  
−
$('.catalog-area').eq(0).find('ul').find('li').eq(0).find('a').attr('src','https://static.igem.org/mediawiki/2016/e/e6/Uestc_software-E_Week_1--Caixi_Xi.pdf');
+
$('.catalog-area').eq(0).find('ul').find('li').eq(0).find('a').attr('name','https://static.igem.org/mediawiki/2016/e/e6/Uestc_software-E_Week_1--Caixi_Xi.pdf');
 
$('.catalog-area').eq(0).find('ul').find('li').eq(1).find('a').attr('name','https://static.igem.org/mediawiki/2016/c/ca/Uestc_software-E_Week_1--Chenxiang_Zhen.pdf');
 
$('.catalog-area').eq(0).find('ul').find('li').eq(1).find('a').attr('name','https://static.igem.org/mediawiki/2016/c/ca/Uestc_software-E_Week_1--Chenxiang_Zhen.pdf');
 
$('.catalog-area').eq(0).find('ul').find('li').eq(2).find('a').attr('name','https://static.igem.org/mediawiki/2016/d/d0/Uestc_software-E_Week_1--Dongkai_Pu.pdf');
 
$('.catalog-area').eq(0).find('ul').find('li').eq(2).find('a').attr('name','https://static.igem.org/mediawiki/2016/d/d0/Uestc_software-E_Week_1--Dongkai_Pu.pdf');
Line 127: Line 216:
 
$('.catalog-area').eq(0).find('ul').find('li').eq(15).find('a').attr('name','https://static.igem.org/mediawiki/2016/0/09/Uestc_software-Notebook-Report.pdf');
 
$('.catalog-area').eq(0).find('ul').find('li').eq(15).find('a').attr('name','https://static.igem.org/mediawiki/2016/0/09/Uestc_software-Notebook-Report.pdf');
  
 +
 +
$('.catalog-area').eq(0).find('ul').find('li').find('a').click(function(){
 +
  console.log($("#plugin").attr("name"));
 +
  var str =  "<embed name='plugin' type='application/pdf' id='plugin' src='"+ $(this).attr("name") +"' width='100%' height='100%' >";
 +
  $(".detail-content").eq(0).html(str);
 +
  //$("#plugin").attr("src",str)
 +
  //$(".detail-content").eq(0).find("#plugin").attr("src",str);
 +
});
 +
$(".catalog-area .title").click(function(){
 +
    $(".catalog-area").removeClass("active");
 +
    $(".catalog").removeClass("active");
 +
});
 +
$(".scroll-top img").click(function(){
 +
    $('html, body').animate({scrollTop:0}, 'slow');
 +
});
 +
$(window).scroll(function(){
 +
    var height = $(document).scrollTop();
 +
    if(height > 300){
 +
        $(".scroll-top img").removeClass("active");
 +
    }else{
 +
        $(".scroll-top img").addClass("active");
 +
    }
 
})
 
})
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 05:13, 19 October 2016

three


Notebooks

FOLLOW US：

UESTC-SOFTWARE

@ 2016 University of Electronic Science and Technology of China
CATALOGUE
CATALOGUE