Hallo!
Ich würde gerne solch ein Menü erstellen:
http://tympanus.net/codrops/2009/1…query-tutorial/
Hab das ganze auch irgendwie hinbekommen, zumindest ist die Navi dort wo sie sein soll, doch sie "faded" nicht aus, sprich sie bleibt die ganze Zeit gleich sichtbar..
Habe den CSS Teil wie gewohnt in style.css gespeichert, und den HTML-Code im Bodybereich der Header.php
Es scheint also so zu sein, dass es das Javascript nicht läd und ich weiß nicht warum?!
Ich habe es ganz normal in den Headbereich der Header.php kopiert und eig. auch richtig verlinkt!
PHP
<head><script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.2'},400); else $('#nav').stop().animate({'opacity':'1'},400); }); $('#nav').hover( function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#nav').stop().animate({'opacity':'1'},400); } }, function (e) { var scrollTop = $(window).scrollTop(); if(scrollTop != 0){ $('#nav').stop().animate({'opacity':'0.2'},400); } } ); }); </script> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <title><?php wp_title( $sep = '' ); ?></title>
<!-- Basic Meta Data --> <meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- WordPress --> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <?php wp_head(); ?></head>Oder ist das irgendwas falsch?
Wie bekomme ich das Javascript zum laufen?
Kann mir jemand helfen? Das bringt mich echt zum verzweifeln..
Lg!