Line 11: | Line 11: | ||
<!-- Bootstrap theme stylesheet --> | <!-- Bootstrap theme stylesheet --> | ||
<link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/bootstrap-theme?action=raw&ctype=text/css" type="text/css"> | <link rel="stylesheet" href="https://2016.igem.org/Team:DTU-Denmark/bootstrap-theme?action=raw&ctype=text/css" type="text/css"> | ||
− | <!-- Bootstrap js | + | <!-- Bootstrap js |
− | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/bootstrap-js?action=raw&ctype=text/javascript"></script>--> |
<!-- Movile navigation stylesheet, include default and components, source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ --> | <!-- Movile navigation stylesheet, include default and components, source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ --> | ||
Line 20: | Line 20: | ||
<!-- Javascripts --> | <!-- Javascripts --> | ||
− | <!-- Hover | + | <!-- Hover |
− | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/hover-js?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/hover-js?action=raw&ctype=text/javascript"></script> --> |
<!-- Navigationtion, Add to subbar visibility when hovering | <!-- Navigationtion, Add to subbar visibility when hovering | ||
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/nav-js?action=raw&ctype=text/javascript"></script> --> | <script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/nav-js?action=raw&ctype=text/javascript"></script> --> | ||
Line 660: | Line 660: | ||
} | } | ||
− | // Open sub menue | + | // Open sub menue function |
var open_sub = function(cName){ | var open_sub = function(cName){ | ||
var navig = cName | var navig = cName | ||
Line 673: | Line 673: | ||
} | } | ||
− | // | + | // open submenues on hover with delay |
− | + | var timer; | |
− | + | var delay = 400; | |
− | + | $(window).hover( function(event) { | |
− | + | // on mouse in, start a timeout | |
+ | timer = setTimeout(function(){ | ||
+ | var cName = event.target.className | ||
+ | open_sub(cName) | ||
+ | }, delay); | ||
− | + | }, function() { | |
− | + | // on mouse out, cancel the timer | |
− | + | clearTimeout(timer); | |
}); | }); | ||
+ | |||
// Header menue function on tuch screen | // Header menue function on tuch screen |
Revision as of 08:06, 12 August 2016