|
|
(75 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html xmlns="http://www.w3.org/1999/xhtml"> | + | <html> |
| <head> | | <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| <title>radiation measurement</title> | | <title>radiation measurement</title> |
- | <SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type=text/javascript></SCRIPT> | + | <link href= "https://2014.igem.org/Team:BIT/public.css ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
- | <script src="js/dropdown.js" type="text/javascript"></script>
| + | <link href= "https://2014.igem.org/Team:BIT/index.css ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
- | <script src="http://code.jquery.com/jquery-2.0.2.js" type="text/javascript"></script> | + | |
- | <script src="js/index.js" type="text/javascript"></script>
| + | |
| | | |
- | <script> | + | <link href= "https://2014.igem.org/Team:BIT/desktop.css ?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
| | | |
| | | |
- | function changeImg(){
| + | <script src="https://2014.igem.org/wiki/index.php?title=Team:BIT/index.js&action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | document.getElementsByClassName("gif1").src="img/BIT_20140725104903.gif";
| + | <script src="https://2014.igem.org/wiki/index.php?title=Team:BIT/jquery-1.3.2.min.js&action=raw&ctype=text/javascript" type="text/javascript"></script> |
- |
| + | |
- |
| + | |
- | }
| + | |
- | $(document).ready(function(){
| + | |
- | $(".nav li").mouseover(function(){
| + | |
- | $(this).css("background","rgba(255,255,255,0.8)")
| + | |
- | });
| + | |
- | $(".nav li").mouseout(function(){
| + | |
- | $(this).css("background","none")
| + | |
- | });
| + | |
- | });
| + | |
| | | |
- | $(document).ready(function(){
| + | |
- | $('ul.one').hide();
| + | <script src="https://2014.igem.org/wiki/index.php?title=Team:BIT/jquery.scrollto.js&action=raw&ctype=text/javascript" type="text/javascript"></script> |
- |
| + | |
- | //Open Menu
| + | <script type="text/javascript" language="javascript"> |
- | $('.nav li').hover(
| + | function goto(id) { |
- | function(){
| + | $("#" + id).ScrollTo(800); |
- | var openMenu= $(this).children('ul.one');
| + | } |
- | $(openMenu).show();
| + | |
- | },
| + | |
- | function(){
| + | |
- | var openMenu= $(this).children('ul.one');
| + | |
- | $(openMenu).hide();
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
| </script> | | </script> |
- |
| |
- | <style type="text/css">
| |
- | #globalWrapper /* Global Environment (origin item) */
| |
- | {
| |
- | overflow: hidden;
| |
- | background-color:#FFF;
| |
- | border:none;
| |
- | }
| |
- | #top-section
| |
- | {
| |
- | display: none;
| |
- | }
| |
- | #top
| |
- | {
| |
- | display: none;
| |
- | }
| |
- | h1.firstHeading
| |
- | {
| |
- | display: none;
| |
- | }
| |
- | #footer-box
| |
- | {
| |
- | background-color: #FFF;
| |
- | background-image: none;
| |
- | border-style: none;
| |
- | z-index: 0;
| |
- | }
| |
- |
| |
- | #catlinks
| |
- | {
| |
- | display: none;
| |
- | }
| |
- |
| |
- | #logo{ width:1024px; margin:auto; height:45px;}
| |
- | #logo img{ position:absolute;left:485px;}
| |
- | #address{width:1024px; height:50px; }
| |
- |
| |
- | #others{
| |
- | margin:auto 0;
| |
- | width:1024px;
| |
- | height:130px;
| |
- | margin-top:10px;
| |
- | }
| |
- | #address p{ text-align:center; line-height:5px;}
| |
- | body{ margin:0;}
| |
- | #main_container{ background:#000000; width:100%;height:100%;font-family:"helvetica"; }
| |
- | #container{width:1024px;margin:auto; position:relative;background:rgba(255,255,255,0.5);
| |
- | }
| |
- |
| |
- |
| |
- | #header{width:1024px;
| |
- | height:255px;
| |
- | text-align:center;
| |
- | background:url(https://static.igem.org/mediawiki/2014/a/a4/BIT_1.jpg);
| |
- | margin:auto;
| |
- | position:relative;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- | #content{
| |
- | width:1024px;
| |
- | margin:auto;
| |
- | background-color:#FFF;
| |
- | border: none;
| |
- | position:relative;
| |
- | }
| |
- |
| |
- | #footer1 ul{ margin:25px 20px 0 0;}
| |
- | #footer1 li.style{ width:40px;}
| |
- | #footer1 li{
| |
- | list-style:none;
| |
- | float:right;
| |
- | box-shadow:none;
| |
- | border-radius:0;
| |
- | margin:0;
| |
- | padding:0;
| |
- | width:90px; }
| |
- | #footer1{
| |
- | width:1024px;
| |
- | position:relative;
| |
- | margin:auto;
| |
- | margin-top:0;
| |
- | background-color:#FFF;
| |
- | color:#000;
| |
- | height:140px;
| |
- | font-size:12px;
| |
- |
| |
- | }
| |
- | #table1{ width:500px; position:absolute; table-layout:fixed;
| |
- | left:130px; height:100px}
| |
- |
| |
- |
| |
- | td{width: 170px; padding:10px 10px 0 10px; word-wrap:break-word; }
| |
- |
| |
- |
| |
- |
| |
- | #table1 img{ width:20px; height:20px;vertical-align:text-bottom; margin-right:10px; }
| |
- |
| |
- | @font-face{ font-family:"Maiandra" ;src:url(../fonts/Arabica.swf);format("opentype");}
| |
- |
| |
- |
| |
- | #menubar {
| |
- | position: absolute;
| |
- | height:20px;
| |
- | white-space: nowrap;
| |
- | top: 0px;
| |
- | width: 380px;
| |
- | z-index: 5;
| |
- | font-family: sans-serif;
| |
- | font-size: 20sp;
| |
- |
| |
- | }
| |
- |
| |
- | .left-menu, .left-menu a {
| |
- | left: 0px;
| |
- | text-align: left;
| |
- | color:transparent;
| |
- | text-transform: lowercase;
| |
- | padding-left:10px;
| |
- |
| |
- | }
| |
- |
| |
- | .left-menu:hover {
| |
- | color: white;
| |
- | background:rgba(255,255,255,0.3);
| |
- | }
| |
- | .right-menu, .right-menu a {
| |
- | right: 0px;
| |
- | text-align: right;
| |
- | color: white;
| |
- | }
| |
- | #menubar ul {
| |
- |
| |
- | list-style: none;
| |
- | margin:0px;
| |
- |
| |
- | }
| |
- | #menubar li {
| |
- | display: inline;
| |
- | position: relative;
| |
- | cursor: pointer;
| |
- | padding-left: 0px;
| |
- | padding-right: 0px;
| |
- | }
| |
- | .left-menu li a {
| |
- | padding: 0px 10px 0px 0px;
| |
- | text-decoration:none;
| |
- | color: inherit;
| |
- | }
| |
- | .left-menu li a:hover {
| |
- | color: #aaaaff;
| |
- | text-decoration: none;
| |
- | }
| |
- | .left-menu li a:visited{
| |
- | color:#AB6B32;
| |
- | text-decoration: none;
| |
- | }
| |
- | #this a{ color:#AB6B32; }
| |
- |
| |
- | .right-menu li a {
| |
- | padding: 1.5px 15px 1.5px 10px;
| |
- |
| |
- |
| |
- | text-decoration:none;
| |
- | margin:0px;
| |
- | }
| |
- | .right-menu li a:link {
| |
- | color: white;
| |
- | text-decoration: none;
| |
- | }
| |
- | .right-menu li a:hover {
| |
- | color: #aaaaff;
| |
- | text-decoration: none;
| |
- | }
| |
- | .right-menu li a:visited{
| |
- | color: #69F;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | .nav a, .nav h3, .nav h5, .one li a{
| |
- | text-transform: uppercase;
| |
- | }
| |
- | .nav a{
| |
- | display:block;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | .nav li {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | .nav img {
| |
- | padding: 5px;
| |
- |
| |
- | box-shadow: 1px 1px 4px rgba(102,102,102,.4);
| |
- | -webkit-box-shadow: 1px 1px 4px rgba(102,102,102,.4);
| |
- | -moz-box-shadow: 1px 1px 4px rgba(102,102,102,.4);
| |
- |
| |
- | transition: all .3s;
| |
- | -webkit-transition: all .3s;
| |
- | -moz-transition: all .3s;
| |
- | -o-transition: all .3s;
| |
- | -ms-transition: all .3s;
| |
- | }
| |
- | .nav img:hover {
| |
- | transform:scale(1.1);
| |
- | -webkit-transform:scale(1.1);
| |
- | -moz-transform:scale(1.1);
| |
- | -ms-transform:scale(1.1);
| |
- | -o-transform:scale(1.1);
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | /* Start .nav Class *************/
| |
- | .label{ color:#FFF;}
| |
- | .nav {
| |
- | display: block;
| |
- | position:absolute;
| |
- | top:230px;
| |
- | left:110px;
| |
- |
| |
- | height:50px;
| |
- | margin: 0 0 20px 0 ;
| |
- | padding:0 5px;
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | }
| |
- | .nav li {
| |
- | position: relative;
| |
- | padding:3px 0 10px 0;
| |
- | z-index:2;
| |
- | }
| |
- | .nav > li {
| |
- | display: block;
| |
- | float:left;
| |
- | color:#000;
| |
- |
| |
- | border-right:1px solid #FFF;
| |
- | }
| |
- | .nav > li:hover {
| |
- | cursor: pointer;
| |
- | }
| |
- | .nav li > a{
| |
- |
| |
- |
| |
- | font-size: 15px;
| |
- | text-align:center;
| |
- | margin:0 15px 0;
| |
- |
| |
- | transition: background-color .7s;
| |
- | -webkit-transition: background-color .7s;
| |
- | -moz-transition: background-color .5s;
| |
- | -o-transition: background-color .5s;
| |
- | -ms-transition: background-color .5s;
| |
- | }
| |
- | .nav li:last-child{
| |
- | border:none;
| |
- | }
| |
- |
| |
- | /* End .nav Class ***************/
| |
- |
| |
- | /* Start .one Class *************/
| |
- | .nav .one {
| |
- | display: block;
| |
- | position: absolute;
| |
- | top: 100%;
| |
- | left: 0%;
| |
- |
| |
- | box-shadow: 1px 1px 1px rgba(102,102,102,.2);
| |
- | -webkit-box-shadow: 1px 1px 1px rgba(102,102,102,.2);
| |
- | -moz-box-shadow: 1px 1px 1px rgba(102,102,102,.2);
| |
- |
| |
- | transition: background-color .3s ease-out;
| |
- | -webkit-transition: background-color .3s ease-out;
| |
- | -moz-transition: background-color .3s ease-out;
| |
- | -o-transition: background-color .3s ease-out;
| |
- | -ms-transition: background-color .3s ease-out;
| |
- | }
| |
- | .one > li {
| |
- | float: none;
| |
- | width: 160px;
| |
- |
| |
- | }
| |
- | .one > li a{
| |
- |
| |
- | margin:5px;
| |
- | height:20px;
| |
- |
| |
- | font-size: 11px;
| |
- | letter-spacing: 1px;
| |
- | }
| |
- | .one li i.icon-chevron-right {
| |
- | float:right;
| |
- | margin:3px 5px 0 0;
| |
- |
| |
- | font-size: 10px;
| |
- | }
| |
- | /* Animation Effects */
| |
- | .nav li:hover .one > li{
| |
- | -webkit-animation: fadeIn .6s 1;
| |
- | animation: fadeIn .6s 1;
| |
- | }
| |
- | /* End .one Class *******************/
| |
- |
| |
- |
| |
- | /**** Start Gallery ****************/
| |
- | #gallery{
| |
- | left: 0px;
| |
- |
| |
- | background:rgba(255,255,255,0.7);
| |
- | }
| |
- | #gallery li{
| |
- | width:200px;
| |
- |
| |
- | }
| |
- | #gallery li .image{
| |
- |
| |
- | width:120px;
| |
- | height:30px;
| |
- | padding:5px;
| |
- | margin:auto;
| |
- | border-bottom: 1px solid rgba(51,51,51,.2);
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- | #gallery li img{
| |
- | float:left;
| |
- | margin:5px 5px 10px 0px;
| |
- | width:100px;
| |
- | height:150px;
| |
- | }
| |
- | #gallery .image a{
| |
- |
| |
- | text-align:center;
| |
- | line-height:40px;
| |
- |
| |
- | }
| |
- | #gallery .image a:hover{
| |
- |
| |
- | color:#69F;
| |
- |
| |
- | }
| |
- | #gallery .image a:visited{
| |
- |
| |
- | color:#CCCCCC;
| |
- |
| |
- | }
| |
- | #gallery a.more{
| |
- | display:block;
| |
- | width:35px;
| |
- | height:16px;
| |
- | padding:0px 4px;
| |
- | margin:8px 0 5px 10px;
| |
- | cursor: pointer;
| |
- |
| |
- | text-transform:capitalize;
| |
- | font-size:10px;
| |
- |
| |
- | border-radius:4px;
| |
- | -webkit-border-radius:4px;
| |
- | -moz-border-radius:4px;
| |
- |
| |
- | -webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
| |
- | -moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
| |
- | box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
| |
- | }
| |
- | /**** End Gallery *****************/
| |
- | *{padding:0;list-style-type:none;}
| |
- | a,img{border:0;}
| |
- |
| |
- | /* case */
| |
- | /*.case{background:url(../img/case.jpg) no-repeat;height:627px;overflow:hidden;width:891px;margin:0 auto;}*/
| |
- | .case_box{position:relative;margin:15px auto 0px;width:860px;height:270px;overflow:hidden}
| |
- | .case_box p{z-index:2;position:absolute;text-indent:-9999px;width:28px;height:51px;top:40%;cursor:pointer}
| |
- | .case_box .prev{text-indent:-9999px;background:url(https://static.igem.org/mediawiki/2014/e/e6/BIT_previous.png) no-repeat;left:0px}
| |
- | .case_box .next{background:url(https://static.igem.org/mediawiki/2014/a/a0/BIT_next.png) no-repeat;top:40%;right:0px}
| |
- | .case_box ul{position:absolute;height:250px;overflow:hidden;top:0px;left:0px}
| |
- | .case_box ul li{width:860px;float:left;height:250px; }
| |
- | .case_box ul li dl.case_info{line-height:17px;margin:95px 0px 0px 475px;width:295px;zoom:1;color:#616741;font-size:13px;overflow:hidden}
| |
- | .case_box ul li dl.case_info dd{text-indent:26px}
| |
- |
| |
- | .case_box ul li.case_1{background:url(https://static.igem.org/mediawiki/2014/a/a4/BIT_1.jpg) no-repeat center top}
| |
- | .case_box ul li.case_2{background:url(https://static.igem.org/mediawiki/2014/3/3e/BIT_2.jpg) no-repeat center top}
| |
- | .case_box ul li.case_3{background:url(https://static.igem.org/mediawiki/2014/a/a4/BIT_1.jpg) no-repeat center top}
| |
- | .case_box ul li.case_4{background:url(https://static.igem.org/mediawiki/2014/3/3e/BIT_2.jpg) no-repeat center top}
| |
- | .case_box ul li.case_5{background:url(https://static.igem.org/mediawiki/2014/a/a4/BIT_1.jpg) no-repeat center top}
| |
- | .case_box ul li.case_6{background:url(https://static.igem.org/mediawiki/2014/3/3e/BIT_2.jpg) no-repeat center top}
| |
- |
| |
- | .case_box ul li.case_2 dl{margin-top:150px}
| |
- | .case_box ul li.case_3 dl{margin-top:135px}
| |
- | .case_box ul li.case_4 dl{margin-top:110px}
| |
- | .case_box ul li.case_5 dl{margin-top:120px}
| |
- | .case_box ul li.case_6 dl{margin-top:115px}
| |
- |
| |
- | .case_info_add dd{line-height:22px}
| |
- |
| |
- | .case_box ol{position:absolute;bottom:0;left:50%;margin:10px 0 0 -65px;height:12px;z-index:99;top: 235px;}
| |
- | .case_box ol li{float:left;margin:0 4px;display:inline;width:12px;height:12px;line-height:999em;background:url(https://static.igem.org/mediawiki/2014/2/24/BIT_pagination.png) no-repeat;overflow:hidden;cursor:pointer;}
| |
- | .case_box ol li.active{background-position:0 -12px;}
| |
- |
| |
- |
| |
- | </style>
| |
- |
| |
| | | |
| | | |
Line 457: |
Line 27: |
| <div id="main_container"> | | <div id="main_container"> |
| <div id="container"> | | <div id="container"> |
- |
| + | <img src="https://static.igem.org/mediawiki/2014/a/ab/BIT_top.png" id="toTop" onClick="back()"> |
| | | |
| | | |
| | | |
| <div id="header"> | | <div id="header"> |
- | <div id="menubar" class='left-menu '> | + | <div style=" float:right;width:180px; height:100px; background:none;" ><a href="/Main_Page" title="Main Page"><img style="width: 150px; height: 60px;margin-top: 30px;margin-right: 25px;" src="https://static.igem.org/mediawiki/2014/e/e4/BIT_igem_logo.png"></a></div> |
- | <ul>
| + | |
- | <li class='selected'><a href="/WikitemplateA_home">Page</a></li>
| + | |
- | <li class='new'><a href="/wiki/index.php?title=Talk:WikitemplateA_home&action=edit&redlink=1">Discussion </a></li>
| + | |
- | <li><a href="https://2014.igem.org/wiki/index.php?title=Team:BIT&action=edit">View source </a></li>
| + | |
- | <li><a href="/wiki/index.php?title=WikitemplateA_home&action=history">History </a></li>
| + | |
- | <li style='color:white;cursor:default'>teams</li>
| + | |
- | </ul>
| + | |
- | </div> <!-- end menubar (left) -->
| + | |
| | | |
- | <div id="menubar" class="right-menu " >
| |
- | <ul>
| |
- | <li ><a href="/wiki/index.php?title=Special:UserLogin&returnto=WikitemplateA_home" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li> </ul>
| |
- | </div><!-- end right menubar -->
| |
| | | |
| <ul class="nav"> | | <ul class="nav"> |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">home<i class="icon-chevron-down"></i></a> | + | <li class="this"> <a href="#" class="label">home</a></li> |
| + | |
| + | <li> <a href="https://2014.igem.org/Team:BIT/project.html" class="label">project</a> |
| + | <!--<ul class="one" id="gallery"> |
| + | <li style="height:210px;"> |
| | | |
- | </li>
| + | <div class="image"><a href="https://2014.igem.org/Team:BIT/abstract.html">abstract</a></div> |
- | <!-- End Gallery -->
| + | <div class="image"><a href="https://2014.igem.org/Team:BIT/sensora.html">sensora</a></div> |
- | <!-- Start Gallery -->
| + | <div class="image"><a href="https://2014.igem.org/Team:BIT/sensorb.html">sensorb</a></div> |
- | <li> <a href="HTML/project.html" class="label">project<i class="icon-chevron-down"></i></a>
| + | <div class="image"><a href="https://2014.igem.org/Team:BIT/achievemen.html">achievement</a></div> |
- | <ul class="one" id="gallery">
| + | <div class="image"><a href="https://2014.igem.org/Team:BIT/interlab.html">part</a></div> |
- | <li style="height:180px;">
| + | |
- | <!--<img src="img/img1.png" onMouseOver="changeImg()" class="gif1">-->
| + | |
- | <div class="image"><a>background</a></div>
| + | |
- | <div class="image"><a>overview</a></div> | + | |
- | <div class="image"><a>genecircuit</a></div> | + | |
- | <div class="image"><a>achievement</a></div> | + | |
| </li> | | </li> |
- | </ul> | + | </ul>--> |
- | </li>
| + | </li> |
- | <!-- End Gallery -->
| + | |
- |
| + | <li > <a href="https://2014.igem.org/Team:BIT/team.html" class="label">team</a></li> |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="HTML/team.html" class="label">team<i class="icon-chevron-down"></i></a>
| + | <li> <a href="https://2014.igem.org/Team:BIT/human_practice.html" class="label">human practice</a></li> |
- | <ul class="one" id="gallery" >
| + | |
- | <li style="height:140px;">
| + | <li> <a href="https://2014.igem.org/Team:BIT/modeling.html" class="label">modeling</a></li> |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a style="white-space:nowrap">Team member </a></div>
| + | |
- | <div class="image"><a>attribution</a></div>
| + | |
- | <div class="image"><a>sponsor</a></div>
| + | |
- |
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
- |
| + | |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">human practice</a> | + | |
- | <ul class="one" id="gallery" >
| + | |
- | <li style="height:260px;">
| + | |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a>Overview</a></div>
| + | |
- | <div class="image"><a>iGEMer</a></div>
| + | |
- | <div class="image"><a>scientist</a></div>
| + | |
- | <div class="image"><a style="white-space:nowrap; margin-left:-12px;">medical practitioner</a></div>
| + | |
- | <div class="image"><a>public</a></div>
| + | |
- | <div class="image"><a style="white-space:nowrap;margin-left:-7px;">young generation</a></div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
- |
| + | |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">modeling</a> | + | |
- | <ul class="one" id="gallery" >
| + | |
- | <li style="height:140px;">
| + | |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a>Sensor</a></div>
| + | |
- | <div class="image"><a>amplifier</a></div>
| + | |
- | <div class="image"><a>system</a></div>
| + | |
- |
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
- |
| + | |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">part<i class="icon-chevron-down"></i></a>
| + | |
- | <ul class="one" id="gallery" >
| + | |
- | <li style="height:260px;">
| + | |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a>Part design</a></div>
| + | |
- | <div class="image"><a style="white-space:nowrap">submitted parts</a></div>
| + | |
- | <div class="image"><a style="white-space:nowrap">favorite parts</a></div>
| + | |
- | <div class="image"><a>Measurement</a></div>
| + | |
- | <div class="image"><a>Interlab</a></div>
| + | |
- | <div class="image"><a>data</a></div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
- |
| + | |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">notebook<i class="icon-chevron-down"></i></a> | + | |
- | <ul class="one" id="gallery">
| + | |
- | <li style="height:180px;">
| + | |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a>Reference</a></div>
| + | |
- | <div class="image"><a>material</a></div>
| + | |
- | <div class="image"><a>method</a></div>
| + | |
- | <div class="image"><a>record</a></div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
- |
| + | |
- | <!-- Start Gallery -->
| + | |
- | <li> <a href="#" class="label">safety<i class="icon-chevron-down"></i></a>
| + | |
- | <ul class="one" id="gallery">
| + | |
- | <li style="height:180px;">
| + | |
- | <!--<img src="img/img1.png">-->
| + | |
- | <div class="image"><a>lalalala</a></div>
| + | |
- | <div class="image"><a>lalalala</a></div>
| + | |
- | <div class="image"><a>lalalala</a></div>
| + | |
- | <div class="image"><a>lalalala</a></div>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <!-- End Gallery -->
| + | |
| | | |
| + | <li> <a href="https://2014.igem.org/Team:BIT/interlab.html" class="label">interlab</a></li> |
| + | |
| + | <li> <a href="https://2014.igem.org/Team:BIT/part.html" class="label">part</a></li> |
| | | |
| + | <li> <a href="https://2014.igem.org/Team:BIT/device.html" class="label">device</a></li> |
| + | |
| + | <li> <a href="https://2014.igem.org/Team:BIT/safety.html" class="label">safety</a></li> |
| + | |
| </ul> | | </ul> |
- |
| |
- |
| |
| | | |
| | | |
| | | |
| </div> | | </div> |
- | <div id="content"> | + | <div style="width:80px; height:100px; position:absolute; top:500px; left:490px; margin:auto" id="start" onclick="javascript:goto('main_content');return false;"></div> |
- | <div class="case"> | + | <img src="https://static.igem.org/mediawiki/2014/a/a8/BIT_1.png" style="position:absolute; margin-left:-160px; z-index:-1;width:1344px;height:379px; "/> |
- | <div id="slider" class="case_box">
| + | <p class="news">"Radiation as a natural part of our environment. Annually, worldwide, more than 3,600 million X-ray examinations are performed, 37 million nuclear medicine procedures are carried out, and 7.5 million radiotherapy treatments are given.”--from World Health Organization Website. |
- | <ul>
| + | Radiation correlates with us tightly. With technique development, the use of radiation in our life ascends. However inappropriate dosage may jeopardize health condition potentially. Most of the public are nevertheless not conscious of the latent risks. |
- | <li class="case_1">
| + | Therefore an engineered bio-system was constructed based on synthetic biology. |
- | <dl class="case_info">
| + | The system is composed of amplifier and sensor. Once the sensor was exposed to low dose radiation, it would produce signal molecules continuously. The signals would be conveyed to amplifier then and brought the amplifier into operation. Thus the amplifier would produce high massive signals for precise detection. And aiming at precise measurements, we equip the sensor with a switch to pause, hence we can detect the stable signal of the system.</p> |
- | <dd></dd>
| + | <div id="main_content"> |
- | </dl>
| + | <div class="item"> |
- | </li>
| + | <div class="tooltip" id="tooltip1"> |
- | <li class="case_2">
| + | <p id="tip">Find more information about project</p> |
- | <dl class="case_info">
| + | <div class="arrow"></div> |
- | <dd></dd>
| + | </div> |
- | </dl>
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/project.html"><img id="project" src="https://static.igem.org/mediawiki/2014/3/36/BIT_project.png" ></a> |
- | </li>
| + | </div> |
- | <li class="case_3">
| + | <div class="item"> |
- | <dl class="case_info">
| + | <div class="tooltip" id="tooltip2"> |
- | <dd></dd>
| + | <p id="tip">Find more information about team</p> |
- | </dl>
| + | <div class="arrow"></div> |
- | </li>
| + | </div> |
- | <li class="case_4">
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/team.html"><img id="team" src="https://static.igem.org/mediawiki/2014/d/d7/BIT_team.png" ></a> |
- | <dl class="case_info">
| + | </div> |
- | <dd></dd>
| + | <div class="item"> |
- | </dl>
| + | <div class="tooltip" id="tooltip3"> |
- | </li>
| + | <p id="tip">Find more information about device</p> |
- | <li class="case_5">
| + | <div class="arrow"></div> |
- | <dl class="case_info">
| + | </div> |
- | <dd></dd>
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/device.html"><img id="device" src="https://static.igem.org/mediawiki/2014/3/3c/BIT_device.png"></a> |
- | </dl>
| + | </div> |
- | </li>
| + | <div class="item"> |
- | <li class="case_6">
| + | <div class="tooltip" id="tooltip4"> |
- | <dl class="case_info case_info_add">
| + | <p id="tip">Find more information about human practice</p> |
- | <dd></dd>
| + | <div class="arrow"></div> |
- | </dl>
| + | </div> |
- | </li>
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/human_practice.html"><img id="human" src="https://static.igem.org/mediawiki/2014/d/dd/BIT_human.png" ></a> |
- | </ul>
| + | </div> |
- | </div>
| + | <div class="item"> |
| + | <div class="tooltip" id="tooltip5"> |
| + | <p id="tip">Find more information about interlab</p> |
| + | <div class="arrow"></div> |
| + | </div> |
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/interlab.html"><img id="inter" src="https://static.igem.org/mediawiki/2014/2/29/BIT_inter.png" ></a> |
| + | </div> |
| + | <div class="item"> |
| + | <div class="tooltip" id="tooltip6"> |
| + | <p id="tip">Find more information about part</p> |
| + | <div class="arrow"></div> |
| + | </div> |
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/part.html"><img id="notebook" src="https://static.igem.org/mediawiki/2014/2/2f/BIT_notebook.png" ></a> |
| + | </div> |
| + | <div class="item"> |
| + | <div class="tooltip" id="tooltip7"> |
| + | <p id="tip">Find more information about modeling</p> |
| + | <div class="arrow"></div> |
| + | </div> |
| + | <a style="cursor:pointer" href="https://2014.igem.org/Team:BIT/modeling.html"><img id="model" src="https://static.igem.org/mediawiki/2014/a/a2/BIT_model.png" ></a> |
| + | </div> |
| + | <img id="index_bg" src="https://static.igem.org/mediawiki/2014/8/8c/BIT_INDEX.png"> |
| + | |
| </div> | | </div> |
- |
| |
| <div id="others"> | | <div id="others"> |
| + | <img style="width:1024px"src="https://static.igem.org/mediawiki/2014/4/42/BIT_line1.png"> |
| <div id="logo"><img src="https://static.igem.org/mediawiki/2014/6/6b/BIT_logo.png"></div> | | <div id="logo"><img src="https://static.igem.org/mediawiki/2014/6/6b/BIT_logo.png"></div> |
| <div id="address"> | | <div id="address"> |
Line 638: |
Line 138: |
| <p >Beijing Institute of Technology © 2014 Privacy Policy</p> | | <p >Beijing Institute of Technology © 2014 Privacy Policy</p> |
| </div> | | </div> |
- | <div><img style="width:1024px"src="https://static.igem.org/mediawiki/2014/4/42/BIT_line1.png"></div>
| + | |
| </div> | | </div> |
- | </div>
| + | |
- | <div id="footer1"> | + | <!--<div id="footer1"> |
| <table id="table1" > | | <table id="table1" > |
| <tr > | | <tr > |
Line 659: |
Line 159: |
| | | |
| </table> | | </table> |
| + | </div>--> |
| </div> | | </div> |
- |
| |
| </div> | | </div> |
| </div> | | </div> |
- | <script type="text/javascript"> | + | <script src="https://2014.igem.org/wiki/index.php?title=Team:BIT/public.js&action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | var Effect = (function() {
| + | |
- |
| + | |
- | var Slider = function(o) {
| + | |
- | this.setting = typeof o === 'object' ? o : {};
| + | |
- | this.target = this.setting.target || 'slider';
| + | |
- | this.showMarkers = this.setting.showMarkers || false;
| + | |
- | this.showControls = this.setting.showControls || false;
| + | |
- | this.timer = null;
| + | |
- | this.currentTime = null;
| + | |
- | this.ms = 35;
| + | |
- | this.autoMs = 3000;
| + | |
- | this.iTarget = 0;
| + | |
- | this.nextTarget = 0;
| + | |
- | this.speed = 0;
| + | |
- |
| + | |
- | this.init();
| + | |
- | this.handleEvent();
| + | |
- | };
| + | |
- |
| + | |
- | Slider.prototype = {
| + | |
- | init: function() {
| + | |
- | this.obj = document.getElementById(this.target);
| + | |
- | this.oUl = this.obj.getElementsByTagName('ul')[0];
| + | |
- | this.aUlLis = this.oUl.getElementsByTagName('li');
| + | |
- | this.width = this.aUlLis[0].offsetWidth;
| + | |
- | this.number = this.aUlLis.length;
| + | |
- |
| + | |
- | this.oUl.style.width = this.width * this.number + 'px';
| + | |
- |
| + | |
- | if(this.showMarkers) {
| + | |
- | var oDiv = document.createElement('div');
| + | |
- | var aLis = [];
| + | |
- | for(var i = 0; i < this.number; i++) {
| + | |
- | aLis.push('<li>'+ (i+1) +'<\/li>');
| + | |
- | };
| + | |
- | oDiv.innerHTML = '<ol>'+ aLis.join('') +'<\/ol>';
| + | |
- | this.obj.appendChild(oDiv.firstChild);
| + | |
- | this.aLis = this.obj.getElementsByTagName('ol')[0].getElementsByTagName('li');
| + | |
- | this.aLis[0].className = 'active';
| + | |
- | oDiv = null;
| + | |
- | };
| + | |
- |
| + | |
- | if(this.showControls) {
| + | |
- | this.oPrev = document.createElement('p');
| + | |
- | this.oNext = document.createElement('p');
| + | |
- | this.oPrev.className = 'prev';
| + | |
- | this.oPrev.innerHTML = '«';
| + | |
- | this.oNext.className = 'next';
| + | |
- | this.oNext.innerHTML = '»';
| + | |
- | this.obj.appendChild(this.oPrev);
| + | |
- | this.obj.appendChild(this.oNext);
| + | |
- |
| + | |
- | };
| + | |
- |
| + | |
- | },
| + | |
- |
| + | |
- | handleEvent: function() {
| + | |
- | var that = this;
| + | |
- |
| + | |
- | this.currentTime = setInterval(function() {
| + | |
- | that.autoPlay();
| + | |
- | }, this.autoMs);
| + | |
- |
| + | |
- | this.addEvent(this.obj, 'mouseover', function() {
| + | |
- | clearInterval(that.currentTime);
| + | |
- | });
| + | |
- |
| + | |
- | this.addEvent(this.obj, 'mouseout', function() {
| + | |
- | that.currentTime = setInterval(function() {
| + | |
- | that.autoPlay();
| + | |
- | }, that.autoMs);
| + | |
- | });
| + | |
- |
| + | |
- | if(this.showMarkers) {
| + | |
- | for(var i = 0; i < this.number; i++) {
| + | |
- | var el = this.aLis[i];
| + | |
- | (function(index) {
| + | |
- | that.addEvent(el, 'mouseover', function() {
| + | |
- | that.goTime(index);
| + | |
- | });
| + | |
- | })(i);
| + | |
- | };
| + | |
- | };
| + | |
- |
| + | |
- | if(this.showControls) {
| + | |
- | this.addEvent(this.oPrev, 'click', function() {
| + | |
- | that.fnPrev();
| + | |
- | });
| + | |
- | this.addEvent(this.oNext, 'click', function() {
| + | |
- | that.autoPlay();
| + | |
- | });
| + | |
- | };
| + | |
- |
| + | |
- | },
| + | |
- |
| + | |
- | addEvent: function(el, type, fn) {
| + | |
- | if(window.addEventListener) {
| + | |
- | el.addEventListener(type, fn, false);
| + | |
- | }
| + | |
- | else if(window.attachEvent) {
| + | |
- | el.attachEvent('on' + type, fn);
| + | |
- | };
| + | |
- | },
| + | |
- |
| + | |
- | fnPrev: function() {
| + | |
- | this.nextTarget--;
| + | |
- | if(this.nextTarget < 0) {
| + | |
- | this.nextTarget = this.number - 1;
| + | |
- | };
| + | |
- | this.goTime(this.nextTarget);
| + | |
- | },
| + | |
- |
| + | |
- | autoPlay: function() {
| + | |
- | this.nextTarget++;
| + | |
- | if(this.nextTarget >= this.number) {
| + | |
- | this.nextTarget = 0;
| + | |
- | };
| + | |
- | this.goTime(this.nextTarget);
| + | |
- | },
| + | |
- |
| + | |
- | goTime: function(index) {
| + | |
- | var that = this;
| + | |
- |
| + | |
- | if(this.showMarkers) {
| + | |
- | for(var i = 0; i < this.number; i++) {
| + | |
- | i == index ? this.aLis[i].className = 'active' : this.aLis[i].className = '';
| + | |
- | };
| + | |
- | };
| + | |
- |
| + | |
- | this.iTarget = -index * this.width;
| + | |
- | if(this.timer) {
| + | |
- | clearInterval(this.timer);
| + | |
- | };
| + | |
- | this.timer = setInterval(function() {
| + | |
- | that.doMove(that.iTarget);
| + | |
- | }, this.ms);
| + | |
- | },
| + | |
- |
| + | |
- | doMove: function(target) {
| + | |
- | this.oUl.style.left = this.speed + 'px';
| + | |
- | this.speed += (target - this.oUl.offsetLeft) / 3;
| + | |
- | if(Math.abs(target - this.oUl.offsetLeft) === 0) {
| + | |
- | this.oUl.style.left = target + 'px';
| + | |
- | clearInterval(this.timer);
| + | |
- | this.timer = null;
| + | |
- | };
| + | |
- | }
| + | |
- | | + | |
- | };
| + | |
- |
| + | |
- | return {
| + | |
- |
| + | |
- | slider: function(o) {
| + | |
- | var tt = new Slider(o);
| + | |
- | }
| + | |
- | };
| + | |
- | })();
| + | |
- | | + | |
- | | + | |
- | Effect.slider({
| + | |
- | 'targetElement': 'slider',
| + | |
- | 'showMarkers': true,
| + | |
- | 'showControls': true
| + | |
- | });</script>
| + | |
| </body> | | </body> |
| </html> | | </html> |