4
4
<title>Webbprogrammering DA330G</title>
5
<link rel="stylesheet" href="css/style.css" type="text/css" />
6
<script type="text/javascript" src="jquery/jquery-1.8.2.min.js"></script>
7
<script type="text/javascript">
8
var menuTopOffset = 40;
9
var menuLeftOffset = 25;
11
$(document).ready(function() {
12
window.onresize = fixMenuLeft;
13
//$('#menu').offset({ top: menuTopOffset, left: $('#menu').offset().left });
14
//window.onscroll = moveMenu;
15
$('#menuHeader').click(toggleMenu);
16
$("a.menuLink").click(function(event) {
17
event.preventDefault();
18
event.stopPropagation();
19
var destination = event.target.href.substring(event.target.href.lastIndexOf('/') + 1);
20
scrollTo(destination);
24
function fixMenuLeft(ev) {
25
//$('#menu').offset({ top: bodyelem.scrollTop()+menuTopOffset, left: -($('#menu').width()-30) });
26
if($('#menu').offset().left != 0) {
27
$('#menu').offset({ top: $('#menu').offset().top, left: -($('#menu').width()-menuLeftOffset) });
31
function toggleMenu(ev) {
32
if($('#menu').offset().left == 0) {
33
$('#menu').animate({ left: -($('#menu').width()-menuLeftOffset) },{duration:900});
34
$("#menuArrow").addClass("rotateArrowCW");
36
$('#menu').animate({ left: 0 },{duration:900});
37
$("#menuArrow").removeClass("rotateArrowCW");
41
function moveMenu(ev){
42
if($.browser.webkit) {
45
bodyelem = $("html,body");
47
$('#menu').offset({ top: bodyelem.scrollTop()+menuTopOffset, left: $('#menu').offset().left });
50
function scrollTo(id){
51
$('html,body').animate({scrollTop: $("#"+id).offset().top},{duration:900});
5
<link rel="stylesheet" href="style.css" type="text/css" />
6
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
7
<script type="text/javascript" src="index.js"></script>