"
Team:Shenzhen BGIC ATCG/temp/menu.html
From 2013.igem.org
(Difference between revisions)
| Line 114: | Line 114: | ||
</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 123: | Line 126: | ||
<script> | <script> | ||
$(function(){ | $(function(){ | ||
| - | 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 130: | Line 133: | ||
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 141: | Line 145: | ||
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 154: | Line 157: | ||
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 160: | Line 163: | ||
}); | }); | ||
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 172: | ||
</script> | </script> | ||
| - | + | ||
| - | + | ||
<div class="backtotop"><a href=#></a></div> | <div class="backtotop"><a href=#></a></div> | ||
Revision as of 09:31, 17 September 2013
Playing with my eyes
aren't you?
Hi I am Dr. Mage!
A "budding" yeast cell!
