Team:Shenzhen BGIC ATCG/front.html

From 2013.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 13: Line 13:
<html lang="en">
<html lang="en">
-
 
+
<meta name="baidu-tc-verification" content="4f1e64971af2f0274a13516d439abb07" />
<link rel="stylesheet"  type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/front.css?action=raw&ctype=text/css" media="screen" />
<link rel="stylesheet"  type="text/css" href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/css/front.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 rel="text/javascript" class="library"  href="http://code.jquery.com/jquery-2.0.3.min.js?action=raw&ctype=text/javascript"" />
         <link rel="text/javascript" class="library"  href="http://code.jquery.com/jquery-2.0.3.min.js?action=raw&ctype=text/javascript"" />
-
 
+
<body>
-
<script type="text/javascript">
+
<div class="front">
 +
    <ul class="front_navia front_navi">
 +
<li class="a1">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories">
 +
</a>
 +
</li>
 +
<li class="a2">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling">
 +
</a>
 +
</li>
 +
<li class="a3">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results">
 +
</a>
 +
</li>
 +
<li class="a4">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice">
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="front_navib front_navi">
 +
<li class="b1">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team">
 +
</a>
 +
</li>
 +
<li class="b2">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts">
 +
</a>
 +
</li>
 +
<li class="b3">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes">
 +
</a>
 +
</li>
 +
<li class="b4">
 +
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/safety">
 +
</a>
 +
</li>
 +
</ul>
 +
</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-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" >
 +
</div>
 +
<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;
Line 27: Line 69:
};
};
var left_center_offset = {
var left_center_offset = {
-
left: 30,
+
left: 412,
-
top: 82
+
top: 488
},
},
right_center_offset = {
right_center_offset = {
-
left: 96,
+
left: 530,
-
top: 80
+
top: 488
},
},
-
radius = 10;
+
radius2 = 20;
 +
radius1 = 15;
var setEyeOffset = function(event) {
var setEyeOffset = function(event) {
var offset = $(".eye_wrapper").offset();
var offset = $(".eye_wrapper").offset();
Line 47: Line 90:
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) * radius + x1).toFixed(0);
+
var x11 = (Math.cos(k1) * radius1 + x1).toFixed(0);
-
var y11 = (( - Math.sin(k1) * radius) + y1).toFixed(0);
+
var y11 = (( - Math.sin(k1) * radius1) + y1).toFixed(0);
$(".eye-left").offset({
$(".eye-left").offset({
left: x11,
left: x11,
top: y11
top: y11
});
});
-
var x22 = (Math.cos(k2) * radius + x2).toFixed(0);
+
var x22 = (Math.cos(k2) * radius2 + x2).toFixed(0);
-
var y22 = (( - Math.sin(k2) * radius) + y2).toFixed(0);
+
var y22 = (( - Math.sin(k2) * radius2) + y2).toFixed(0);
$(".eye-right").offset({
$(".eye-right").offset({
left: x22,
left: x22,
Line 62: Line 105:
$(window).mousemove(setEyeOffset);
$(window).mousemove(setEyeOffset);
</script>
</script>
-
 
-
<body>
 
-
 
-
<div class="front">
 
-
    <ul class="front_navia front_navi">
 
-
<li class="a1">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="a2">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="a3">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="a4">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
</ul>
 
-
<ul class="front_navib front_navi">
 
-
<li class="b1">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="b2">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="b3">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
<li class="b4">
 
-
<a href="#">
 
-
</a>
 
-
</li>
 
-
</ul>
 
-
</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" style="top: 86px; left: 39.5px;">
 
-
<img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" style="top: 89px; left: 100.5px;">
 
-
</div>
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 07:13, 24 September 2013


Ball Ball

Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_ATCG/front.html"