Team:Shenzhen BGIC ATCG/temp/menu.html
From 2013.igem.org
(Difference between revisions)
(25 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 121: | Line 123: | ||
<div class="igemlogo"><a href="https://2013.igem.org"></a></div> | <div class="igemlogo"><a href="https://2013.igem.org"></a></div> | ||
- | <script>var getAngle = function(Xc, Yc, Xa, Ya, Xb, Yb) { | + | <script> |
+ | 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 128: | 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: | + | left: 218, |
- | top: | + | top: 157 |
}, | }, | ||
right_center_offset = { | right_center_offset = { | ||
- | left: | + | left: 161, |
- | top: | + | top: 196 |
}, | }, | ||
- | + | radius_left = 10; | |
+ | radius_right= 8; | ||
var setEyeOffset = function(event) { | var setEyeOffset = function(event) { | ||
var offset = $(".eye_wrapper").offset(); | var offset = $(".eye_wrapper").offset(); | ||
Line 149: | Line 154: | ||
var m2 = -(event.clientY - y2); | var m2 = -(event.clientY - y2); | ||
var k2 = Math.atan2(m2, n2); | var k2 = Math.atan2(m2, n2); | ||
- | var x11 = (Math.cos(k1) * | + | var x11 = (Math.cos(k1) * radius_left + x1).toFixed(0); |
- | var y11 = (( - Math.sin(k1) * | + | var y11 = (( - Math.sin(k1) * radius_left) + y1).toFixed(0); |
$(".eye-left").offset({ | $(".eye-left").offset({ | ||
left: x11, | left: x11, | ||
top: y11 | top: y11 | ||
}); | }); | ||
- | var x22 = (Math.cos(k2) * | + | var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0); |
- | var y22 = (( - Math.sin(k2) * | + | var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) ; |
$(".eye-right").offset({ | $(".eye-right").offset({ | ||
left: x22, | left: x22, | ||
Line 163: | 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!