"
Team:Shenzhen BGIC ATCG/temp/menu.html
From 2013.igem.org
(Difference between revisions)
| (19 intermediate revisions not shown) | |||
| Line 15: | Line 15: | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/menu.css?action=raw&ctype=text/css" media="screen" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/menu.css?action=raw&ctype=text/css" media="screen" /> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/display.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/display.css?action=raw&ctype=text/css" /> | ||
| - | <link type="text/css" rel="stylesheet" href="https:// | + | <link type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/gallary.css?action=raw&ctype=text/css" /> |
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/js/gallary.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/js/gallary.js?action=raw&ctype=text/javascript"></script> | ||
| Line 46: | Line 46: | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board4">Degradation Tags</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board4">Degradation Tags</a></li> | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board5">Targeting Peptides</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board5">Targeting Peptides</a></li> | ||
| - | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell Synchronization</a></li> |
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board7">Alternative Splicing Device</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board7">Alternative Splicing Device</a></li> | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board8">Microfluidic Device</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board8">Microfluidic Device</a></li> | ||
| - | |||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 59: | Line 58: | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board1">Blueprint</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board1">Blueprint</a></li> | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board2">Cell Cycle</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board2">Cell Cycle</a></li> | ||
| - | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell | + | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell Synchronization</a></li> |
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board4">Alternative Splicing by CRISPRi</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board4">Alternative Splicing by CRISPRi</a></li> | ||
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li> | <li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li> | ||
| Line 114: | Line 113: | ||
</div> | </div> | ||
| + | <div class="eye_wrapper" id="eyeballs"> | ||
<img alt="Ball" class="eye-left" id="eye_left" src="https://static.igem.org/mediawiki/2013/a/ad/Eyeblack.png" /> | <img alt="Ball" class="eye-left" id="eye_left" src="https://static.igem.org/mediawiki/2013/a/ad/Eyeblack.png" /> | ||
<img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" /> | <img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" /> | ||
| + | </div> | ||
| + | |||
<div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div> | <div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div> | ||
</div> | </div> | ||
| Line 122: | Line 124: | ||
<div class="igemlogo"><a href="https://2013.igem.org"></a></div> | <div class="igemlogo"><a href="https://2013.igem.org"></a></div> | ||
<script> | <script> | ||
| - | + | var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { | |
| - | + | ||
| - | + | ||
| - | var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { | + | |
var v1x = Xb - Xc; | var v1x = Xb - Xc; | ||
var v1y = Yb - Yc; | var v1y = Yb - Yc; | ||
| Line 132: | Line 131: | ||
return 180 * (Math.atan2(v1x, v1y) - Math.atan2(v2x, v2y)) / Math.PI | return 180 * (Math.atan2(v1x, v1y) - Math.atan2(v2x, v2y)) / Math.PI | ||
}; | }; | ||
| + | |||
var left_center_offset = { | var left_center_offset = { | ||
left: 218, | left: 218, | ||
| Line 143: | Line 143: | ||
radius_right= 8; | radius_right= 8; | ||
var setEyeOffset = function(event) { | var setEyeOffset = function(event) { | ||
| - | |||
var offset = $(".eye_wrapper").offset(); | var offset = $(".eye_wrapper").offset(); | ||
var x1 = offset.left + left_center_offset.left; | var x1 = offset.left + left_center_offset.left; | ||
| Line 156: | Line 155: | ||
var k2 = Math.atan2(m2, n2); | var k2 = Math.atan2(m2, n2); | ||
var x11 = (Math.cos(k1) * radius_left + x1).toFixed(0); | var x11 = (Math.cos(k1) * radius_left + x1).toFixed(0); | ||
| - | var y11 = (( - Math.sin(k1) * radius_left) + y1).toFixed(0) | + | var y11 = (( - Math.sin(k1) * radius_left) + y1).toFixed(0); |
$(".eye-left").offset({ | $(".eye-left").offset({ | ||
left: x11, | left: x11, | ||
| Line 162: | Line 161: | ||
}); | }); | ||
var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0); | var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0); | ||
| - | var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) | + | var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) ; |
$(".eye-right").offset({ | $(".eye-right").offset({ | ||
left: x22, | left: x22, | ||
| Line 169: | Line 168: | ||
}; | }; | ||
$(window).mousemove(setEyeOffset); | $(window).mousemove(setEyeOffset); | ||
| + | </script> | ||
| - | |||
| - | |||
| - | |||
<div class="backtotop"><a href=#></a></div> | <div class="backtotop"><a href=#></a></div> | ||
Latest revision as of 14:03, 26 September 2013
Playing with my eyes
aren't you?
Hi I am Dr. Mage!
A "budding" yeast cell!
