Team:Shenzhen BGIC ATCG/temp/menu.html

From 2013.igem.org

(Difference between revisions)
 
(63 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://2012.igem.org/Team:Shenzhen/css/jquery.galleryview-3.0-dev.css?action=raw&ctype=text/css" />
+
<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://2012.igem.org/Team:Shenzhen/js/jquery.galleryview-3.0-dev.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://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.timers-1.2.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript" src="https://2012.igem.org/Team:Shenzhen/js/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript">
 
-
$(function(){
 
-
var board1_top = $("#board1").offset().top;
 
-
var board2_top = $("#board2").offset().top;
 
-
var board3_top = $("#board3").offset().top;
 
-
var board4_top = $("#board4").offset().top;
 
-
var board5_top = $("#board5").offset().top;
 
-
var board6_top = $("#board6").offset().top;
 
-
var board7_top = $("#board7").offset().top;
 
-
var board8_top = $("#board8").offset().top;
 
-
var board9_top = $("#board9").offset().top;
 
-
//alert(tops);
 
-
$(window).scroll(function(){
 
-
var scroH = $(this).scrollTop();
 
-
if(scroH>=board9_top){
 
-
set_cur("#navleftsub9");
 
-
}else if(scroH>=board8_top){
 
-
set_cur("#navleftsub8");
 
-
}else if(scroH>=board7_top){
 
-
set_cur("#navleftsub7");
 
-
}else if(scroH>=board6_top){
 
-
set_cur("#navleftsub6");
 
-
}else if(scroH>=board5_top){
 
-
set_cur("#navleftsub5");
 
-
}else if(scroH>=board4_top){
 
-
set_cur("#navleftsub4");
 
-
}else if(scroH>=board3_top){
 
-
set_cur("#navleftsub3");
 
-
}else if(scroH>=board2_top){
 
-
set_cur("#navleftsub2");
 
-
}else if(scroH>=board1_top){
 
-
set_cur("#navleftsub1");
 
-
}
 
-
});
 
-
 
-
$(".navleft li a").click(function() {
 
-
var el = $(this).attr('class');
 
-
    $('html, body').animate({
 
-
        scrollTop: $("#"+el).offset().top
 
-
    }, 300);
 
-
$(this).addClass("cur").parent().siblings().find("a").removeClass("cur");
 
-
});
 
-
 
-
});
 
-
function set_cur(n){
 
-
if($(".navleft a").hasClass("cur")){
 
-
$(".navleft a").removeClass("cur");
 
-
}
 
-
$(".navleft a"+n).addClass("cur");
 
-
}
 
-
</script>
 
-
 
-
 
<div class="menu">
<div class="menu">
     <ul class="menu_navi">
     <ul class="menu_navi">
<li class="mainnavi c1">
<li class="mainnavi c1">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">Consortium</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board1">Consortium</a></li>  
-
<li class="subnavi"><a href="#">Promoter Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board2">Promoter Group</a></li>  
-
<li class="subnavi"><a href="#">Degradation Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board3">Degradation Group</a></li>  
-
<li class="subnavi"><a href="#">Targeting Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board4">Targeting Group</a></li>  
-
<li class="subnavi"><a href="#">Regulator Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board5">Regulator Group</a></li>  
-
<li class="subnavi"><a href="#">Intron Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board6">Splicing Group</a></li>  
-
<li class="subnavi"><a href="#">Microfluidic Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board7">Microfluidic Group</a></li>  
-
<li class="subnavi"><a href="#">Modeling Group</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board8">Modeling Group</a></li>  
-
<li class="subnavi"><a href="#">Instructors</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/team#board9">Instructors</a></li>  
</ul>  
</ul>  
</li>   
</li>   
<li class="mainnavi c2">
<li class="mainnavi c2">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">The Magic</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board1">The Magic</a></li>  
-
<li class="subnavi"><a href="#">Cyclin Promoters</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board2">Cyclin Promoters</a></li>  
-
<li class="subnavi"><a href="#">Reporter Modification</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board3">Reporter Modification</a></li>  
-
<li class="subnavi"><a href="#">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="#">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="#">Cell Cycle Regulator</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/stories#board6">Cell Synchronization</a></li>  
-
<li class="subnavi"><a href="#">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="#">Microfluidic 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="#">Cell Synchronization</a></li>  
+
</ul>  
</ul>  
</li> 
</li> 
</li>
</li>
<li class="mainnavi c3">
<li class="mainnavi c3">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">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="#">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="#">Cell Cycle Regulation</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board3">Cell Synchronization</a></li>  
-
<li class="subnavi"><a href="#">Intron Splicing with 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="#">Degradation Rate</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/modeling#board5">Degradation Rate</a></li>  
</ul>  
</ul>  
</li>
</li>
<li class="mainnavi c4">
<li class="mainnavi c4">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">The Magic</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board1">The Magic</a></li>  
-
<li class="subnavi"><a href="#">Promoter Verification</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board2">Promoter Verification</a></li>  
-
<li class="subnavi"><a href="#">Targeting Peptides</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board3">Reporter Locating</a></li>  
-
<li class="subnavi"><a href="#">Half Life Measurement</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board4">Degradation Rate</a></li>  
-
<li class="subnavi"><a href="#">Cell Synchronization</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board5">Cell Synchronization</a></li>  
-
<li class="subnavi"><a href="#">Intron Splicing</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/results#board6">Alternative Splicing</a></li>  
</ul>
</ul>
</li>
</li>
<li class="mainnavi c5">
<li class="mainnavi c5">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">iGEMer Incubator</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board1">iGEMer Incubator</a></li>  
-
<li class="subnavi"><a href="#">Guest iGEMers</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board2">Guest iGEMers</a></li>  
-
<li class="subnavi"><a href="#">iGEMagic</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board3">APP: iGEMagic</a></li>  
-
<li class="subnavi"><a href="#">Friendship</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/humanpractice#board4">Friendship</a></li>  
</ul>
</ul>
</li>
</li>
<li class="mainnavi c6">
<li class="mainnavi c6">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">Devices List</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board1">Best BioBricks</a></li>  
-
<li class="subnavi"><a href="#">Favorite Parts</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board2">Devices List</a></li>  
-
<li class="subnavi"><a href="#">Basic Parts</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board3">Basic Parts</a></li>  
-
<li class="subnavi"><a href="#">Parts Sequencing</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/parts#board4">Parts Sequencing</a></li>  
</ul>
</ul>
</li>
</li>
<li class="mainnavi c7">
<li class="mainnavi c7">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes">
</a>
</a>
<ul class="subs">  
<ul class="subs">  
-
<li class="subnavi"><a href="#">Timeline</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board1">Timeline</a></li>  
-
<li class="subnavi"><a href="#">Attributions</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board2">Attributions</a></li>  
-
<li class="subnavi"><a href="#">Protocols</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board3">Protocols</a></li>  
-
<li class="subnavi"><a href="#">References</a></li>
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board4">References</a></li>
-
<li class="subnavi"><a href="#">Acknowledgements</a></li>  
+
<li class="subnavi"><a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/notes#board5">Acknowledgements</a></li>  
   
   
</ul>
</ul>
</li>
</li>
<li class="mainnavi c8">
<li class="mainnavi c8">
-
<a href="#">
+
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG/safety"></a>
-
</a>
+
</li>
</li>
</ul>
</ul>
-
<div class="eye_wrapper" id="eyeballs" style="possition: relative;">
+
</div>
-
<img alt="Ball" class="eye-left" id="eye_left" src="https://static.igem.org/mediawiki/2013/a/ad/Eyeblack.png" style="position: absolute; width:20px; height:20px; top: 157px; left: 200px;">
+
<div class="eye_wrapper" id="eyeballs">
-
<img alt="Ball" class="eye-right" id="eye_right" src="https://static.igem.org/mediawiki/2013/4/4c/Eyewhite.png" style="position: absolute; width:18px; height:18px;top: 190px; left: 147px;">
+
<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>
</div>
 +
<div class="hotspot1"><div class="text1"><p>Playing with my eyes<br>aren't you?</p></div>
</div>
</div>
 +
<div class="hotspot2"><div class="text2"><p>Hi I am Dr. Mage!<br>A "budding" yeast cell!</p></div></div>
 +
<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 180: 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: 200,
+
left: 218,
top: 157
top: 157
},
},
right_center_offset = {
right_center_offset = {
-
left: 143,
+
left: 161,
top: 196
top: 196
},
},
-
radius = 10;
+
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 201: 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) * radius + x1).toFixed(0);
+
var x11 = (Math.cos(k1) * radius_left + x1).toFixed(0);
-
var y11 = (( - Math.sin(k1) * radius) + y1).toFixed(0);
+
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) * radius + x2).toFixed(0);
+
var x22 = (Math.cos(k2) * radius_right + x2).toFixed(0);
-
var y22 = (( - Math.sin(k2) * radius) + y2).toFixed(0);
+
var y22 = (( - Math.sin(k2) * radius_right) + y2).toFixed(0) ;
$(".eye-right").offset({
$(".eye-right").offset({
left: x22,
left: x22,
Line 215: Line 168:
};
};
$(window).mousemove(setEyeOffset);
$(window).mousemove(setEyeOffset);
-
 
</script>
</script>
 +
<div class="backtotop"><a href=#></a></div>
<div class="backtotop"><a href=#></a></div>

Latest revision as of 14:03, 26 September 2013


Ball Ball

Playing with my eyes
aren't you?

Hi I am Dr. Mage!
A "budding" yeast cell!

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