Skocz do zawartości
Zaloguj się, aby obserwować  
Obserwujący 0
im2low4u

Fixed menu z pojawiającym się logiem.

Przez im2low4u, w xHTML / CSS / Javascript

Polecane posty

im2low4u    0

im2low4u
Napisano

Hej,

 

Mam pytanie. Czy jest ktoś wstanie powiedzieć co mam dopisać do tego kodu aby po zjechaniu niżej (tj. 136px w dół) obok pierwszego linku czyli Home pojawiało się logo. Ale dopiero po zjechaniu niżej. Coś jak ma demotywatory.pl

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Fixed Top Menu With Scrolling Page</title>
    <link rel="stylesheet" href="StyleSheet.css" type="text/css" media="screen,projection" charset="utf-8" />
    <script type="text/javascript" src="JS/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        var _rys = jQuery.noConflict();
        _rys("document").ready(function () {
            _rys(window).scroll(function () {
                if (_rys(this).scrollTop() > 136) {
                    _rys('.nav-container').addClass("f-nav");
                } else {
                    _rys('.nav-container').removeClass("f-nav");
                }
            });
        });
    </script>
</head>
<body>
    <div class="wrapper">
        <div class="header">
        </div>
        <div class="nav-container">
            <div class="nav">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact US </a></li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
        <div class="main-content">
        </div>
        <div class="container">	
			<div class="main-content">	
				<h1>It's Working Hmmmmmm!</h1>
			</div>
		</div>
    </div>
</body>
</html>

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów xHTML / CSS / Javascript
×