janishutz-website/development-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reorganise nav

Browse Source
This commit is contained in:
Janis Hutz
2023-05-20 07:22:17 +02:00
parent 8e1d803d8d
commit c8f9a5b9ab
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
newVersion/nav.html
View File

@@ -13,10 +13,10 @@
<img class="logo" src="https://static.janishutz.com/Logo.png" alt="logo">
<div class="nav-list">
<a class="navitem inactive" id="home" href="/">Home</a>
<a class="navitem inactive" id="order" href="/order">Order</a>
<a class="navitem inactive" id="info" href="/info">Details</a>
<a class="navitem inactive" id="contact" href="/contact">Contact</a>
<a class="navitem inactive" id="examples" href="/examples">Examples</a>
<a class="navitem inactive" id="contact" href="/contact">Contact</a>
<a class="navitem inactive" id="order" href="/order">Order</a>
</div>
</div>
</div>
@@ -28,7 +28,7 @@
<script>
let offset = 0;
let menuOpen = false;
const offsetList = { 'home': 0, 'order': -200, 'info': -400, 'contact': -600, 'examples': -800 };
const offsetList = { 'home': 0, 'info': -200, 'examples': -400, 'contact': -600, 'order': -800 };
$( document ).ready( function () {
if ( sessionStorage.getItem( 'menuOpen' ) == 'true' ) {
$( '#nav-menu' ).hide( 700 );
@@ -54,13 +54,13 @@
let obj = $( this ).attr( 'id' );
if ( obj === 'home' ) {
$( '#nav-menu' ).css( 'background-position', `${0 + offset}px` );
} else if ( obj == 'order' ) {
$( '#nav-menu' ).css( 'background-position', `${200 + offset}px` );
} else if ( obj == 'info' ) {
$( '#nav-menu' ).css( 'background-position', `${400 + offset}px` );
} else if ( obj == 'contact' ) {
$( '#nav-menu' ).css( 'background-position', `${600 + offset}px` );
$( '#nav-menu' ).css( 'background-position', `${200 + offset}px` );
} else if ( obj == 'examples' ) {
$( '#nav-menu' ).css( 'background-position', `${400 + offset}px` );
} else if ( obj == 'contact' ) {
$( '#nav-menu' ).css( 'background-position', `${600 + offset}px` );
} else if ( obj == 'order' ) {
$( '#nav-menu' ).css( 'background-position', `${800 + offset}px` );
}
} )