Forum PHP.pl > [jquery] proste menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

kicaj

5.05.2008, 08:55:34

Zastosowalem framework JQuery do dosc prostego menu:

[HTML] pobierz, plaintext 
<div id="nav">
            <ul>
                <li class="selected"><a href="#">pos1</a></li>
                <li><a href="#">pos2</a></li>
                <li><a href="#">pos3</a></li>
                <li><a href="#">pos4</a></li>
                <li><a href="#">pos5</a></li>
            </ul>
        </div>
[HTML] pobierz, plaintext

I skrypt

Kod

$().ready( function()
{
    $( '#nav ul li a' ).hover(
    function()
    {
        $( this ).parent().addClass( 'selected' );
    },
    function()
    {
        $( this ).parent().removeClass( 'selected' );
    });
});

Opis:
Jak widac, jako "wybrana" jest pierwsza pozycja (tlo), teraz po najechaniu myszka na inne pozycje podswietlaja sie na tem sam kolor, co "wybrany". Minusem w tym kodzie jest to, ze jesli najade myszka na pozycje pierwsza to po zjechaniu myszki zabiera mi tlo - co z kodu wynika praiwdlowo

Pytanie:
Jak zrobic aby pierwsza byla zawsze "wybrana" (miala tlo) tzn. nie usuwal tla gdzie w kodzie zdeklarowane jest "class=selected"

empathon

6.05.2008, 00:20:39

Kod

$().ready( function()
{
    $( '#nav ul li' ).not('a.selected').hover(
    function()
    {
        $('#nav ul li a.selected').addClass( 'selected' );
    },
    function()
    {
        $('#nav ul li a.selected').removeClass( 'selected' );
    });
});

I klase ustalasz dla linka.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.