Team:NCTU Formosa/source/head
From 2013.igem.org
(Difference between revisions)
(32 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<meta name="copyright" content="Contents belong to NCTU Formosa; Website designed by Calvin Hue." /> | <meta name="copyright" content="Contents belong to NCTU Formosa; Website designed by Calvin Hue." /> | ||
<meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" /> | <meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" /> | ||
- | |||
<link href="http://fonts.googleapis.com/css?family=Open+Sans:500,400,300|Lobster+Two:700|Quicksand:700" rel="stylesheet" type="text/css"> | <link href="http://fonts.googleapis.com/css?family=Open+Sans:500,400,300|Lobster+Two:700|Quicksand:700" rel="stylesheet" type="text/css"> | ||
+ | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet"> | ||
+ | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | ||
<link href='https://2013.igem.org/Team:NCTU Formosa/css/reset?action=raw&ctype=text/css' rel="stylesheet"> | <link href='https://2013.igem.org/Team:NCTU Formosa/css/reset?action=raw&ctype=text/css' rel="stylesheet"> | ||
<link href='https://2013.igem.org/Team:NCTU Formosa/css/style?action=raw&ctype=text/css' rel="stylesheet"> | <link href='https://2013.igem.org/Team:NCTU Formosa/css/style?action=raw&ctype=text/css' rel="stylesheet"> | ||
- | < | + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> |
+ | <link rel="stylesheet" media="only screen and (min-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850u?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" media="only screen and (max-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850b?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" media="only screen and (max-width: 850px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style750u?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" media="only screen and (max-width: 600px)" href="https://2013.igem.org/Team:NCTU_Formosa/css/style320b?action=raw&ctype=text/css"> | ||
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | ||
<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/modernizr.custom?action=raw&ctype=text/javascript"></script> | <script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/modernizr.custom?action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
$(function() { | $(function() { | ||
- | |||
- | |||
- | |||
- | |||
var lastId, | var lastId, | ||
topMenu = $("#toc"), | topMenu = $("#toc"), | ||
Line 48: | Line 41: | ||
.closest(".toclevel-1").removeClass("active") | .closest(".toclevel-1").removeClass("active") | ||
.end().filter("[href=" + href +"]").closest(".toclevel-1").addClass("active"); | .end().filter("[href=" + href +"]").closest(".toclevel-1").addClass("active"); | ||
+ | menuItems | ||
+ | .closest(".toclevel-2").removeClass("active") | ||
+ | .end().filter("[href=" + href +"]").closest(".toclevel-2").addClass("active"); | ||
setTimeout(function(){ noScrollAction = false; }, 10); | setTimeout(function(){ noScrollAction = false; }, 10); | ||
} | } | ||
Line 73: | Line 69: | ||
.closest(".toclevel-1").removeClass("active") | .closest(".toclevel-1").removeClass("active") | ||
.end().filter("[href=#"+id+"]").closest(".toclevel-1").addClass("active"); | .end().filter("[href=#"+id+"]").closest(".toclevel-1").addClass("active"); | ||
+ | menuItems | ||
+ | .closest(".toclevel-2").removeClass("active") | ||
+ | .end().filter("[href=#"+id+"]").closest(".toclevel-2").addClass("active"); | ||
} | } | ||
} | } | ||
Line 78: | Line 77: | ||
}) | }) | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
+ | if ($(document).scrollTop() > 409) { | ||
+ | $('#toc').stop().css({ | ||
+ | position: 'fixed', | ||
+ | left: '15px' | ||
+ | }).animate({'top': '111px'}, 500); | ||
+ | } | ||
var long = false, | var long = false, | ||
dheight = $(document).height(), | dheight = $(document).height(), | ||
Line 89: | Line 94: | ||
away = true; | away = true; | ||
$('#toc').stop().css({ | $('#toc').stop().css({ | ||
- | position: 'fixed' | + | position: 'fixed', |
+ | left: '15px' | ||
}).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500); | }).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500); | ||
}} | }} | ||
} else { | } else { | ||
away = false; | away = false; | ||
- | if ($(document).scrollTop() < | + | if ($(document).scrollTop() < 431){ |
$('#toc').stop().css({ | $('#toc').stop().css({ | ||
- | position: 'absolute' | + | position: 'absolute', |
+ | left: '-265px' | ||
}).animate({'top': '0px'}, 500); | }).animate({'top': '0px'}, 500); | ||
} | } | ||
else { | else { | ||
$('#toc').stop().css({ | $('#toc').stop().css({ | ||
- | position: 'fixed' | + | position: 'fixed', |
- | }).animate({'top': ' | + | left: '15px' |
+ | }).animate({'top': '111px'}, 500); | ||
} | } | ||
} | } |
Latest revision as of 13:28, 15 September 2014