Menu z opisem

W końcu udało mi skompletować menu widocznego na gorze tutejszej strony. Menu jest oparte na CSS, JavaScript i jQuery. Po najechaniu na pozycję w menu, podlega ona podświetleniu, a nad menu pojawia się pasek z opisem danej pozycji. W przypadku braku JavaScript lub jQuery menu zdegraduje się do menu wyłącznie z podświetlaniem. Poniżej zamieszczam link z wszystkimi potrzebnymi klasami, obrazkami, skryptami. Do poprawnego działania menu niezbędna jest biblioteka jQuery.

Ściągnij: Menu

Sposób użycia jest dość prosty. Najpierw deklarujemy nowy obiekt menu w PHP:

<?php
$menu = new menu();
?>

Następnie dodajemy pozycje do menu w następujący sposób:

<?php
$menu->add_item('Widoczny tekst', 'link_bezwzgledny', 'Opis pojawiający się nad menu, po najechaniu na pozycję.');
?>

Teraz nie pozostaje nic więcej jak wygenerować menu i je wyświetlić.

<?php
echo $menu->render();
?>

lub:

<?php
    $menu->render(true);
?>

Razem wzięte wygląda następująco:

<?php
$menu = new menu();
$menu->add_item('Widoczny tekst', 'link_bezwzgledny', 'Opis pojawiający się nad menu, po najechaniu na pozycję.');
echo $menu->render();
//lub $menu->render(true);
//lub echo $menu->render(false);
?>

Całość zadziała bez problemów, jeśli umieścimy zawartość archiwum w document root. W przeciwnym wypadku, należy dokonać pewnych zmian w plikach PHP. Wszelkie zmiany wyglądu dokonujemy w pliku css/style.css. Zapraszam do zostawiania komentarzy w artykule: Menu z opisem